如何確保 ASP.NET UpdatePanel 部分頁面更新後 jQuery 事件繼續運作？

解決UpdatePanel 和jQuery $(document).ready 的事件綁定問題

在ASP.NET 應用程式中使用UpdatePanel 時，UpdatePanel 時，至關重要的是考慮使用jQuery 的$(document).ready函數的事件綁定的行為方式。由於 UpdatePanel 部分更新頁面，使用 $(document).ready 綁定的事件可能會停止運作。

解決此問題的建議方法不是僅依賴 $(document).ready。相反，請使用 Microsoft 的 PageRequestManager 對象，該物件在存在 UpdatePanel 時可用。使用 PageRequestManager 的 add_endRequest 方法，您可以在每次 UpdatePanel 更新後重新訂閱事件。

範例

$(document).ready(function() {
    // Bind initial jQuery events
});

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

prm.add_endRequest(function() {
    // Re-bind jQuery events
});

此外，jQuery 的 .on() 方法提供事件委託的更有效選擇。但是，在採用此方法之前請徹底查看文檔，因為它可能不適合所有情況。某些 jQuery 外掛可能需要上述重新訂閱方法。

透過採用這些方法，您可以有效地管理 UpdatePanels 和 jQuery 的事件綁定，確保您的互動式元素在部分頁面更新期間保持回應。

以上是如何確保 ASP.NET UpdatePanel 部分頁面更新後 jQuery 事件繼續運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！