jQuery Mobile دکھانے کا ایونٹ

jQuery Mobile orientationchange ایونٹ

orientationchange ایونٹ، جب یوزر موبائل ایجنٹ کو عمودی یا افقی طرح چرخ دیتا ہے تو اٹکا جاتا ہے。

موبايل

موبايل

اگر آپ orientationchange ایونٹ کا استعمال کرنا چاہتے ہیں تو وہ کو ویندو آپجیکٹ میں شامل کریں:

$(window).on("orientationchange",function(){
  alert("موقعیت تبدیل ہوئی ہے!");
});

کالبیک فنکشن میں ایک پارامٹر قائم کرسکتا ہے، جو ایونٹ آپجیکٹ کیوں کہ یہ موبائل ایجنٹ کی موقعت کو واپس فراہم کرتا ہے: "پورٹریٹ" (ایجنٹ کو عمودی طرح رکھا گیا ہے) یا "لینڈسکپ" (ایجنٹ کو افقی طرح رکھا گیا ہے):

مثال

$(window).on("orientationchange",function(event){
  alert("موقعیت: " + event.orientation);
});

آزمایش کنید

کونکریت، orientationchange ایونٹ کا اثرات ویندو آپجیکٹ سے باندھا ہوا ہوتا ہے، جس سے ہم ویندو.orientation پروریٹی کا استعمال کرسکتے ہیں، مثلاً، مختلف سٹائل کو پورٹریٹ اور لینڈسکپ ویو کو فرق کرنے کے لئے:

مثال

$(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 برای حالت portrait 0 بازمی‌گرداند، برای حالت landscape 90 یا -90 بازمی‌گرداند.