أحداث صفحة jQuery Mobile

أحداث صفحة jQuery Mobile

تُقسـم أحداث التعامل مع الصفحة في jQuery Mobile إلى أربعة أنواع:

  • تحميل الصفحة - قبل إنشاء الصفحة، عند إنشاء الصفحة، وبعد تحميل الصفحة
  • تحميل/إزالة الصفحة - عند تحميل الصفحة الخارجية أو إزالتها أو عند حدوث فشل
  • انتقال الصفحة - قبل وبعد انتقال الصفحة
  • تغيير الصفحة - عند تغيير الصفحة أو عند حدوث فشل

للحصول على معلومات كاملة عن جميع أحداث jQuery Mobile، يرجى زيارة دليل إحداث jQuery Mobile.

حدث تحميل jQuery Mobile

عندما يتم تحميل صفحة نموذجية في jQuery Mobile، يمرر بثلاث مراحل:

  • قبل إنشاء الصفحة
  • إنشاء الصفحة
  • تحميل الصفحة

يمكن استخدام جميع الحوادث التي يتم تنشيطها في كل مرحلة لإدراج أو تعديل الكود.

الحدث وصف
pagebeforecreate عندما يتم استعداد الصفحة للتحميل، وبقـ قبل بدء تعزيز الصفحة من قبل jQuery Mobile، يتم تنشيط هذا الحدث.
pagecreate عندما يتم إنشاء الصفحة، ولكن قبل إكمال التطوير، يتم تنشيط هذا الحدث.
pageinit يُطلق الحدث عند إنشاء الصفحة وتحسين الصفحة في jQuery Mobile.

في المثال أدناه، يُعرض متى يتم إطلاق كل حدث عند إنشاء صفحة في jQuery Mobile:

مثال

$(document).on(\"pagebeforecreate\",function(event){
  alert(\"تم إطلاق حدث pagebeforecreate!\
}); 
$(document).on(\"pagecreate\",function(event){
  alert(\"تم إطلاق حدث pagecreate!\
});
$(document).on(\"pageinit\",function(event){
  alert(\"تم إطلاق حدث pageinit!\
});

جرب بنفسك

أحداث تحميل jQuery Mobile

تتبع أحداث تحميل الصفحة الصفحات الخارجية.

تُطلق أمرين عند تحميل DOM للصفحات الخارجية. الأول هو pagebeforeload، والثاني هو pageload (نجاح) أو pageloadfailed (فشل).

في الجدول أدناه، يُوضح هذه الأحداث:

الحدث وصف
pagebeforeload يُطلق قبل أن يتم إجراء أي طلب تحميل صفحة.
pageload يُطلق عند تحميل الصفحة بنجاح وإدراجها في DOM.
pageloadfailed إذا فشلت طلبات تحميل الصفحة، يتم إطلاق هذا الحدث. بشكل افتراضي، سيتم عرض رسالة "Error Loading Page".

فيما يلي عرض لعملية عمل أحداث pageload و pageloadfailed:

مثال

$(document).on(\"pageload\",function(event,data){
  alert(\"تم إطلاق حدث pageload!\nURL: \" + data.url);
});
$(document).on(\"pageloadfailed\",function(event,data){
  alert(\"للأسف، الصفحة المطلوبة غير موجودة.\
});

جرب بنفسك

أحداث التبديل jQuery Mobile

يمكننا أيضًا استخدام الأحداث عند الانتقال من صفحة إلى أخرى.

过渡 الصفحة تتضمن صفحتين: صفحة "القادمة" وصفحة "المتجهة" - تجعل عملية التبديل من الصفحة الحالية (صفحة "القادمة") إلى الصفحة الجديدة (صفحة "المتجهة") أكثر حركة.

الحدث وصف
pagebeforeshow في صفحة "المتجهة"، قبل بدء تأثير التحرك.
pageshow في صفحة "المتجهة"، بعد اكتمال تأثير التحرك.
pagebeforehide في صفحة "القادمة"، قبل بدء تأثير التحرك.
pagehide في صفحة "القادمة"، بعد اكتمال تأثير التحرك.

فيما يلي عرض لعملية عمل زمن التبديل:

مثال

$(document).on(\"pagebeforeshow\","#pagetwo",function(){ // عند دخول الصفحة الثانية
  alert(\"页面二即将显示\
});
$(document).on("pageshow","#pagetwo",function(){ // عند دخول الصفحة الثانية
  alert("الصفحة الثانية الآن تظهر");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // عند مغادرة الصفحة الثانية
  alert("الصفحة الثانية ستخفى قريبا");
});
$(document).on("pagehide","#pagetwo",function(){ // عند مغادرة الصفحة الثانية
  alert("الصفحة الثانية الآن مخفية");
});

جرب بنفسك