I have a script that loads in data via an .load call: function listLoad() { $("#listoflists").load("/cart/admin/files/mailinglist.html", {nodetails: "yes",action:"loadlists"}); }
This script is called everytime something else is added, again via a .load event: $("#do_create_list").click(function(){ $("#create_list_results").load("/cart/admin/files/mailinglist.html", {nodetails:"yes",listname:$('.listname').val (),action:"create_list"},setTimeout(listLoad(),400)); }); The issue that I am having, is I am using the tooltip plugin to display a mouseover event on an icon: <img src='view.png' width='15' height='15' alt='view subscribers' title='View subscribers to this list' class='display_tooltip'> But that img is loaded via the listLoad function - meaning that it is not in the initial page call, not a part of the DOM. I thought that I could use .live("mousemove") to attach this class (display_tooltip) to the DOM from the .load call, however, it is not working in conjunction with the tooltip call: $('.display_tooltip').tooltip({ track:true, delay:0, showURL:false, fade:250 }); So the question is, how can I get this tooltip to work with the image (there are more than one, the one above is just an example) when these images would be loaded into the page with the .load call everytime a certain action (again, the other .load call) is executed? Hopefully this makes sense... TIA!