我如何获得'；简单提示'；jQuery在Ajax加载页面上工作？

我正在我的站点上使用“”jQuery工具提示代码，它在索引页面上正常工作，但在通过AJAX加载的外部页面上不工作

请参见此处的活动示例（已删除-不再活动）。您将看到它正在处理类别图标，而不是下面框中的5个图像。尽管它在您独立加载此内容时起作用。（/featured.html）

我在这里搜索了关于在AJAX加载页面上使用jQuery的主题，我看到有人提到：

.live()

但我不知道如何在工具提示代码中实现它，如下所示：

function simple_tooltip(target_items, name){
$(target_items).each(function(i){
    $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
    var my_tooltip = $("#"+name+i);

    if($(this).attr("title") != ""){ // checks if there is a title

    $(this).removeAttr("title").mouseover(function(){
            my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(50);
    }).mousemove(function(kmouse){
            my_tooltip.css({left:kmouse.pageX-15, top:kmouse.pageY+30});
    }).mouseout(function(){
            my_tooltip.fadeOut(50);
    });

    }
});
}

$(document).ready(function(){
 simple_tooltip("a","tooltip");
});    

函数简单工具提示（目标项、名称）{
$（目标项目）。每个（功能（i）{
$（“正文”）.append（“”+$（this.attr（'title'）+”
”）；
var my#u工具提示=$（“#”+name+i）；
if（$（this）.attr（“title”）！=“”）{//检查是否有标题
$（this）.removeAttr（“title”）.mouseover（function（）{
css（{opacity:0.8，display:“none”}）.fadeIn（50）；
}).mousemove（函数（kmouse）{
my_tooltip.css（{左：kmouse.pageX-15，上：kmouse.pageY+30}）；
}).mouseout（函数（）{
我的工具提示。淡出（50）；
});
}
});
}
$（文档）.ready（函数（）{
简单工具提示（“a”、“工具提示”）；
});    

有人能帮我指出正确的方向吗

---

提前谢谢

我想，使用ajax加载内容后再次绑定简单的工具提示就可以了

 $("#youdDiv").load("serverpage.php",function(){
    simple_tooltip("a","tooltip");
  });

---

就是这样！我只是扑通一声：简单的工具提示（“a”，“工具提示”）；在ajax代码的底部，它现在正在工作。谢谢你，Shyju:）