我如何獲得'簡單的提示'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加載頁面上工作？

回答

相關問題