Bagaimana untuk Mengekalkan Kesan Mouseover jQuery dalam ASP.NET UpdatePanels?

jQuery $(document).ready dan UpdatePanels: Pandangan Yang Diperhalusi

Apabila menggunakan jQuery untuk menggunakan kesan alih tetikus pada elemen dalam UpdatePanel, pemuatan halaman awal berfungsi seperti yang dimaksudkan. Walau bagaimanapun, semasa kemas kini separa halaman yang dimulakan oleh UpdatePanel, kesan alih tetikus tidak lagi berfungsi dalam kawasan tertentu itu.

Ini berlaku kerana UpdatePanel merombak kandungan panelnya, dengan berkesan menghapuskan sebarang langganan acara yang dilampirkan pada elemen sebelumnya . Untuk menangani isu ini, adalah disyorkan untuk melanggan semula acara yang diperlukan selepas setiap kemas kini. Ini boleh dicapai dengan menggabungkan $(document).sedia untuk beban awal dengan objek PageRequestManager Microsoft untuk kemas kini seterusnya.

PageRequestManager, objek JavaScript yang tersedia secara automatik apabila UpdatePanel hadir, menyediakan acara endRequest yang mencetuskan setelah kemas kini selesai. Ini boleh dimanfaatkan untuk mengikat semula peristiwa jQuery, seperti yang dilihat di bawah:

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

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

prm.add_endRequest(function() {
    // Event re-binding after update
});

Acara PageRequestManager menyediakan akses kepada penghantar dan eventArgs, membenarkan kawalan yang lebih terperinci ke atas pengikatan semula. Untuk butiran lanjut, rujuk dokumentasi Microsoft: msdn.microsoft.com/.../bb383810.aspx

Pendekatan alternatif, terutamanya sesuai untuk senario yang sangat dinamik, melibatkan penggunaan kaedah .on() jQuery. .on() menawarkan kecekapan yang lebih baik berbanding dengan langganan semula yang kerap. Walau bagaimanapun, adalah penting untuk menyemak dokumentasi dengan teliti sebelum membuat keputusan, kerana tidak semua pemalam jQuery boleh difaktorkan semula dengan mudah untuk menggunakan .on(). Dalam kes sedemikian, langganan semula kekal sebagai penyelesaian yang lebih praktikal.

Atas ialah kandungan terperinci Bagaimana untuk Mengekalkan Kesan Mouseover jQuery dalam ASP.NET UpdatePanels?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!