رویداد جهت 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%"});
  }
});

به طور شخصی امتحان کنید

توجه:ویژگی window.orientation برای نمای پروفایل به ترتیب 0 بازمی‌گردد و برای نمای افقی به ترتیب 90 یا -90 بازمی‌گردد.