jquery使用包含腳本的HTML更新div

Question

當用戶導航到不同的區域時（通過更新div），我們正在動態更新部分網頁。我們有一節包含一個jQuery對話框以及創建對話框的腳本。當我們第一次構建頁面時，一切都很好。然後我們用包含一個新對話框的新內容更新div，但是當我們顯示這個對話框時，我們會得到之前存在的舊對話框。我已經嘗試在加載新內容之前銷燬對話框，在這種情況下，新對話框將不會顯示。該對話框隨着按鈕單擊事件打開。看來加載一個jQuery對話框的div不起作用。這有什麼限制嗎？我正在用jquery div.html（內容）加載新內容。新內容正在加載，因爲我可以看到其他更改。

Answer 1

聽起來好像你需要重新註釋評論中的cilck事件。重新綁定$.ajax()調用中的成功選項中的元素。

$.ajax({ 
    beforeSend: function() { 
     // Unbind all dialogs first. 
     $(".dialog").each(function() { 
      $(this).dialog("destroy"); 
     }); 
    }, 
    url: "/Foo/GetSomeData", 
    type: "GET", 
    success: function (data) { 
     $("div").html(data); 

     // Get all buttons and bind click to open dialog 
     // You'll need to customize this logic depending on your markup. 
     $(".button").each(function() { 
      $(this).click(function() { 
       // Determine which dialogs need to be bound. 
       $("#dialog_1").dialog("open"); 
       // etc 
      }); 
     }); 
    } 
});