జెక్కీ మొబైల్ దిశ ప్రయోగం

జెక్కీ మొబైల్ పోర్ట్రేట్ పరిణామం ప్రయోగం

పోర్ట్రేట్ పరిణామం ప్రయోగం వినియోగదారు మొబైల్ పరికరాన్ని వికర్ణించినప్పుడు ప్రారంభం అవుతుంది మరియు సమాంతరంగా ఉంటుంది ఉంటే ప్రారంభం అవుతుంది:

మొబైల్

మొబైల్

పోర్ట్రేట్ పరిణామం ప్రయోగం ఉపయోగించడానికి విండో అబ్జెక్ట్ కు దాన్ని జోడించండి:

$.window.on("orientationchange",function(){
  alert("దిశ మారింది!");
});

callback ఫంక్షన్ ఒక పరామితిని అమర్చవచ్చు, అది event అబ్జెక్ట్ను తిరిగి ఇస్తుంది ఇది మొబైల్ పరికరం దిశను తెలుపుతుంది: "పోర్ట్రేట్" (పరికరం ప్రాంతం సమాంతరంగా ఉంటుంది) లేదా "ల్యాండ్స్కేప్" (పరికరం ప్రాంతం సమాంతరంగా ఉంటుంది):

ఉదాహరణ

$.window.on("orientationchange",function(event){
  alert("దిశ ఉంది: " + event.orientation);
});

亲自试一试

పోర్ట్రేట్ పరిణామం ప్రయోగం కారణంగా విండో అబ్జెక్ట్ తో జోడబడింది, మనం window.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。