在網站開發中,經常通過JQuery動態改變頁面內容。但是,當我們修改了某個元素的html內容后,該元素原有的事件監聽器將會失效。這時候,我們需要重新解析頁面,以重新注冊事件監聽器。
// 重新解析整個頁面 $.when($.ready).then(function() { $(document).off(); $(document).on("click", "#myButton", function() { alert('Clicked!'); }); });
代碼中,使用$.when($.ready)
來確保代碼在文檔解析之后執行,并且在重新解析頁面前先移除現有的所有事件監聽器。然后,重新注冊事件監聽器$(document).on("click", "#myButton", function() {...})
。這樣,在我們修改了頁面內容后,點擊按鈕時就會彈出 "Clicked!" 的提示框了。