jQuery Mobile দিক ইভেন্ট

jQuery Mobile orientationchange 事件

orientationchange 事件 ব্যবহারকারীর দিক কিংবা সমস্ত ঘুর্ণানো করলে ট্রিগার হয়。

মোবাইল

মোবাইল

orientationchange 事件 ব্যবহার করতে, তা window অবজেক্টে যোগ করুন:

$(").on("orientationchange",function(){
  alert("দিক পরিবর্তিত হল! ");
});

callback ফাংশন একটি পারামিটার সেট করতে পারে, যেটা event অবজেক্ট যা মোবাইল ডিভাইসের দিক ফিরিয়ে দেয়: "portrait" (ডিভাইস উঁচুতে ধরা) বা "landscape" (ডিভাইস পানের দিকে ধরা):

উদাহরণ

$(").on("orientationchange",function(event){
  alert("দিক হল: " + event.orientation);
});

আপনার নিজেই চেষ্টা করুন

কারণ orientationchange 事件 window অবজেক্টের সাথে বাঁধা আছে, আমরা window.orientation এটা ব্যবহার করতে পারি, যেমন, portrait এবং landscape দৃশ্যকে পৃথকতা করার জন্য শৈলী সেট করা:

উদাহরণ

$(").on("orientationchange",function(){
  if(window.orientation == 0) // পোর্টেট
  {
    (")p(").css({"background-color":"yellow","font-size":"300%"});
  }
  else // ল্যান্ডস্কেপ
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

আপনার নিজেই চেষ্টা করুন

পরামর্শ:window.orientation এট্রিবিউটটি portrait দৃশ্যে 0 ফিরিয়ে দেয়, landscape দৃশ্যে 90 বা -90 ফিরিয়ে দেয়。