如何在 ASP.NET UpdatePanel 中維護 jQuery 滑鼠懸停效果？

jQuery $(document).ready 和UpdatePanels：精緻的外觀

使用jQuery 將滑鼠懸停效果應用於UpdatePanel 中的元素元素時，初始頁面載入按預期運行。但是，在 UpdatePanel 啟動部分頁面更新期間，滑鼠懸停效果在該特定區域內停止運作。

出現這種情況是因為 UpdatePanel 徹底修改了其面板的內容，有效地消除了附加到先前元素的任何事件訂閱。為了解決這個問題，建議每次更新後重新訂閱所需的事件。這可以透過將用於初始載入的 $(document).ready 與用於後續更新的 Microsoft PageRequestManager 物件結合來實現。

PageRequestManager 是一個在 UpdatePanel 存在時自動可用的 JavaScript 對象，提供觸發的 endRequest 事件更新完成後。可以利用它來重新綁定 jQuery 事件，如下所示：

PageRequestManager 事件提供對 sender 和 eventArgs 的訪問，從而允許對重新綁定進行更細微的控制。有關更多詳細信息，請參閱Microsoft 的文檔：msdn.microsoft.com/.../bb383810.aspx

另一種方法（特別適合高度動態的場景）涉及利用jQuery 的.on( ) 方法。與頻繁重新訂閱相比，.on() 提供了更高的效率。然而，在做出決定之前徹底查看文件非常重要，因為並非所有 jQuery 插件都可以輕鬆重構以利用 .on()。在這種情況下，重新訂閱仍然是更實用的解決方案。

以上是如何在 ASP.NET UpdatePanel 中維護 jQuery 滑鼠懸停效果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！