حدث اتجاه jQuery Mobile

واقعة orientationchange لـ jQuery Mobile

تُثار واقعة orientationchange عند تحويل المستخدم للأفق أو العمودي للمحرك المتنقل.

موبايل

موبايل

للإستخدام الواقعة orientationchange، يرجى إضافتها إلى مجسم window:

$(window).on("orientationchange",function(){
  alert("اتجاه قد تغير!");
});

يمكن للوظيفة callback تعيين معامل، وهو مجسم event، والذي سيقوم بإرجاع اتجاه الجهاز المتنقل: "portrait" (اتجاه الجهاز عند الحمل هو مائل) أو "landscape" (اتجاه الجهاز عند الحمل هو أفقي):

مثال

$(window).on("orientationchange",function(event){
  alert("اتجاه: " + event.orientation);
});

جرب بنفسك

بما أن واقعة orientationchange مرتبطة بمجسم window، يمكننا استخدام خاصية window.orientation لتحديد أنماط مختلفة لتحديد الفرق بين الوضعين portrait و landscape:

مثال

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // تصويرية
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

جرب بنفسك

نصيحة:يعود orientation الخاص بـ window إلى 0 في الوضع الرأسي، إلى 90 أو -90 في الوضع الأفقي.