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!

Reply via email to