jQuery Mobile အခြေအနား အခမ်းအနား

jQuery Mobile orientationchange အခမ်းအနား

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 属性对 portrait 视图返回 0，对 landscape 视图返回 90 或 -90。