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

我在我的网站上使用了'simple tip'jQuery工具提示代码，它在索引页面上的工作方式应该如此，但不适用于通过AJAX加载的外部网页。我如何获得'简单的提示'jQuery在Ajax加载页面上工作？

请看这里的生活示例（删除 - 不再生活）。您会看到它正在处理类别图标，但不在下面框中的5个图像上。虽然它在独立加载此内容时有效。（/featured.html）

我在这里搜索了使用jQuery在AJAX加载页面的主题，我见过的人提的是：

.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"); 
});

是否有人会友好地指点我正确的方向？

在此先感谢！

来源

2012-03-18 AshBestos

我想，用ajax会做的伎俩

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

来源

2012-03-18 00:10:11 Shyju

这就是它加载内容后，再次结合简单的工具提示！我只是扑通：simple_tooltip（“a”，“tooltip”）;在ajax代码的底部，它现在正在工作。谢谢Shyju :) – AshBestos 2012-03-18 00:14:51

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

回答

相关问题