ajax - jquery tooltip on dynamic element -


I use this plugin to create tooltips of elements

  $ ( '. Showtooltip') .tooltip ({delay: 0, track: true, show URL: wrong, bodyhandler: function () {var tip: = "some display HTML"; return $ (tip STR);}});  

And my AJAX dynamically create elements.

  $ ("& lt; img alt = '' class = 'showtooltip' src = 'image.jpg' / & gt;");  

So when the tooltip is not displayed when this image is added to the document, then I use jquery in Live ():

  $ (" Showtooltip "). Live ("mouseover", function () {$ (this) .tooltip ({delay: 0, track: true, show URL: false, bodyhandler: function () {var tip: = "some display html"; return $ (tip STR) );}})});  

But tooltip displayed only after mouse for the first time on the image. How do I use Tooltip on a dynamic element?

After using such an AJAX call, I used something like this to reBink. It can help.

  $ ("showtooltip"). Live ("mouseover", function (if (! $ (This) .hasClass ("tooledUp") {$ (this) .tooltip ({delay: 0, track: correct, show URL: false, bodyhandler: function ( ) {Var tip srr = "some display html"; return $ (tip STR);}}); $ (this) .trip (). Show (); $ (this) .addClass ("tooledUp")}} );  

From the forum:


Comments