3

我在我的网站上使用“简单提示”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");
});

有人会善意地指出我正确的方向吗？

提前致谢！

4

1 回答 1

1

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

 $("#youdDiv").load("serverpage.php",function(){
    simple_tooltip("a","tooltip");
  });
于 2012-03-18T00:10:11.040 回答