unable to get tooltip to work when usingjQuery load() content
        Posted  
        
            by user281867
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by user281867
        
        
        
        Published on 2010-03-30T00:19:42Z
        Indexed on 
            2010/03/30
            0:23 UTC
        
        
        Read the original article
        Hit count: 767
        
jQuery
|JavaScript
Hi,
I am having problem getting my tooltip to work when using the jQuery load() function. The tooltip works fine if i don't use load() to load external dynamic data.
I googled and found the i may need to use live(), but I can't figure how to get it to work. Any suggestion?
thank you!!
Here is my scripts:
function loadEMERContent(uid) { $("#ActionEWPNBook").load("ajaxLoadDATA.cfm?uid="+uid, null, showLoading); $("#EWPNBookloading").html(''); }
function showLoading() { $("#EWPNBookloading").html('');
}
function simple_tooltip(target_items, name){ $(target_items).each(function(i){ $("body").append(""+$(this).attr('title')+"
"); var my_tooltip = $("#"+name+i);    $(this).removeAttr("title").mouseover(function(){
            my_tooltip.css({opacity:0.8, display:"none"}).stop().fadeIn(400);
    }).mousemove(function(kmouse){
            my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
    }).mouseout(function(){
            my_tooltip.stop().fadeOut(400);               
    });
});
}
Here is my ajaxLoadDATA.cfm:
Date Hours Modify Date #dateformat(vdate, "mm/dd/yyyy")##dateformat(vdate, "mm/dd/yyyy")# #hours# #dateformat(posted, "mm/dd/yyyy")# ACTIONS: Add Edit Cancel© Stack Overflow or respective owner