رویدادهای jQuery Mobile

رویداد = تمام اقدامات مختلفی که بازدیدکنندگان می‌توانند انجام دهند، پاسخ دهد.

رویدادهای jQuery Mobile

شما می‌توانید در jQuery Mobile از هر رویدادهای jQuery.

علاوه بر این، jQuery Mobile چندین رویداد برای تنظیمات سفارشی برای مرورگرهای موبایل ارائه می‌دهد:

  • رویدادهای لمسی - هنگامی که کاربر صفحه را لمس می‌کند (کلیک و حرکت)، فعال می‌شوند
  • رویدادهای اسکرول - هنگامی که به بالا یا پایین اسکرول می‌شود، فعال می‌شوند
  • رویدادهای جهت - هنگامی که دستگاه به صورت عمودی یا افقی می‌چرخد، فعال می‌شوند
  • رویدادهای صفحه - هنگامی که صفحه نمایش داده می‌شود، مخفی می‌شود، ایجاد می‌شود، بارگذاری می‌شود و یا/و یا برداشته می‌شود، فعال می‌شوند

برای اطلاعات کامل در مورد تمام رویدادهای jQuery Mobile، لطفاً به دستورالعمل رویداد jQuery Mobile.

ایجاد رویداد jQuery Mobile

در jQuery، شما یاد گرفته‌اید که از رویداد ready مستند برای جلوگیری از اجرای کد jQuery قبل از بارگذاری کامل مستند (آماده) استفاده کنید:

رویداد document ready jQuery

<script>
$(document).ready(function(){
   // اینجا است که رویدادهای jQuery قرار دارند...
});
</script>

آزمایش کنید

اما در jQuery Mobile، ما از رویداد pageinit استفاده می‌کنیم، که در صفحه به بعد از تنظیمات اولیه و کامل شدن سبک‌ها رخ می‌دهد.

پارامتر دوم به (#pageone) اشاره دارد که به id صفحه اشاره دارد تا رویدادها برای تعیین کنید:

رویداد pageinit jQuery Mobile

<script>
$(document).on("pageinit","#pageone",function(){
   // اینجا است که رویدادهای jQuery قرار دارند...
});
</script>

آزمایش کنید

نکته:مетод on() jQuery برای اضافه کردن برنامه‌های رویداد استفاده می‌شود.

در چندین فصل بعد، هر رویداد jQuery Mobile به تفصیل توضیح داده خواهد شد.