jQuery Mobile दिशा इवेंट

jQuery Mobile orientationchange इवेंट

orientationchange इवेंट उपयोगकर्ता जब अपना मोबाइल डिवाइस को ऊर्ध्व या स्थिति दिशा में घुमाता है तो ट्रिगर होता है。

मोबाइल

मोबाइल

यदि आप orientationchange इवेंट का उपयोग करना चाहते हैं, तो इसे विंडो ऑब्जेक्ट में जोड़ें:

$(window).on("orientationchange",function(){
  alert("दिशा बदल गई!");
});

callback फ़ंक्शन को एक पारामीटर निर्धारित कर सकता है, जो event ऑब्जेक्ट है, यह मोबाइल डिवाइस की दिशा को वापस करेगा: "portrait" (डिवाइस को ऊर्ध्व दिशा में पकड़ा गया है) या "landscape" (डिवाइस को पारलौले दिशा में पकड़ा गया है):

उदाहरण

$(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 बदलता है。