التعامل مع الأحداث في UpdatePanels باستخدام $(document) الخاص بـ jQuery.ready

عند العمل مع العناصر داخل UpdatePanels باستخدام jQuery، والاعتماد فقط على $( document).يمكن أن يكون ربط الحدث الجاهز غير كافٍ. عند إجراء تحديثات جزئية للصفحة، لن تعمل معالجات الأحداث هذه بعد الآن داخل المنطقة المحدثة.

النهج الموصى به

لمعالجة هذا الأمر، خذ في الاعتبار النهج التالي:

الربط الأولي بـ $(مستند).جاهز:ربط معالجات الأحداث بالعناصر ذات الصلة أثناء التحميل الأولي للصفحة باستخدام $(document).ready.

إعادة الاشتراك في مدير طلبات الصفحة:اشترك في حدث endRequest الخاص بـ PageRequestManager من Microsoft. يتم تشغيل هذا الحدث بعد التحديثات الجزئية للصفحة. داخل معالج الحدث، أعد ربط معالجات أحداث jQuery بالعناصر المحدثة الآن.

يوضح هذا المقتطف النهج:

$(document).ready(function() { // الربط الأولي }); var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function() { // إعادة الربط });

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

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

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

الطريقة البديلة

بدلاً من ذلك، فكر في استخدام طريقة .on() الخاصة بـ jQuery، والتي تعد أكثر كفاءة من إعادة الاشتراك. ومع ذلك، قم بتقييم هذا النهج بعناية للتأكد من توافقه مع متطلباتك المحددة. ارجع إلى وثائق jQuery للحصول على تفاصيل حول .on():

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