加載到div時出現Ajax問題。 jquery

Question

我不是很好的JavaScript，我試圖通過外部的HTML頁面加載一些圖像到一個div，在jQuery中有一些不透明的功能。是否有一個簡單的函數會在ajax調用完成後重新應用所需的腳本。我看過jquery，但是在我開始把頭髮撕掉之前，我想知道我是否在正確的軌道上。還是有一個非常簡單的方法我缺少。

Answer 1

是的，live和delegate是你的朋友。

具體而言，您應該嘗試使用delegate，因爲在被捕獲之前，與live綁定的事件會一直向上冒泡。

的語法delegate是：

$("#parent_element").delegate(
    "#child_selector_event_occurs_on", 
    "click" // <-- Event to declare a handler for 
    function() { ... }); 

所鏈接的文檔頁面delegate有一些例子。

編輯：

我上面的回答假設你失去綁定到多數民衆贊成被替換或AJAX更新的內容事件處理程序。如果您需要重新初始化小部件或運行其他自定義代碼，您可以將該代碼移到常用函數中，並在成功加載新內容（並在您的處理程序中）時調用它。

例如：

function init() { 
    /* Write initialization code here */ 
} 

$(document).ready(function() { init(); }); 

/* Later on, when you reload the content: */ 
$("#ajaxified").load("foo.html", function() { init(); }); 

另一種方法是livequery插件，我沒有使用過，但我聽說過的好東西。具體而言，您會看到幫助功能功能：

$('#selector') 
    .livequery(function(){ 
     /* Write code here to execute when a new element matching the 
      selector is added. */ 
     init(); 
    });