Tooltip Not Working On JS

[wolfgang1983]

When I add a new row by clicking on the add new row button.

The image should show a tool tip.

For some reason it only shows on the very first image.

It should display on other images when add new rows. How can I add it to make it work with my js.

Codepen Link “http://codepen.io/riwakawebsitedesigns/pen/RNKNom”

http://codepen.io/riwakawebsitedesigns/pen/RNKNom

[Paulie_D]

How are you displaying the tooltip?..I think that’s the JS we need to see.

[wolfgang1983]

If you look on the JavaScript html += image you will see its the, same as whats on the HTML section. Bit strange that tooltip only works for the first row only and not any add rows.

[Paulie_D]

The inserted HTML might be identical and so the tooltip JS must be the issue.

[Podders]

Your initializing the tooltip plugin on page load when only one image tooltip exists, when you add the new row, the tooltip plugin will not apply to the newly added content,

With the tooltip plugin you can atatch the tooltip to the body and pass a seletor as an option to be able to attatch the tooltip to newly added elements that match the selector,

$(function(){
  $('body').tooltip({
    selector: '[rel=tooltip]'
  });
});

Check out http://codepen.io/Podders/pen/myReXj

[wolfgang1983]

Thanks all for advice.

[Author]

Posts