使用jQuery 的$(document).ready 處理UpdatePanel 中的事件

使用jQuery 處理UpdatePanel 中的元素時，僅依賴$ ( document).ready 事件綁定可能還不夠。部分頁面更新後，這些事件處理程序將不再在更新區域內執行。

推薦方法

要解決此問題，請考慮以下方法：

初始綁定$(document).ready:
在初始頁面載入期間將事件處理程序綁定到相關元素$(document).ready.

重新訂閱頁面請求管理員：
訂閱微軟的PageRequestManager的endRequest事件。該事件在部分頁面更新後觸發。在事件處理程序中，將 jQuery 事件處理程序重新綁定到現在更新的元素。

此程式碼片段示範了此方法：

$(document).ready(function() {
    // Initial binding
});

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function() {
    // Re-binding
});

替代方法

或者，考慮使用 jQuery 的 .on() 方法，這比重新訂閱更有效。但是，請仔細評估此方法，以確保它符合您的特定要求。有關 .on() 的詳細信息，請參閱 jQuery 文件：

• https://api.jquery.com/on/