Tukio muundo cha jQuery Mobile

Tukio orientationchange cha jQuery Mobile

Tukio orientationchange inapoteza kwa kipimo cha uwanja kama inatokana na kina au kina: portrait (kipimo kinahatiki kwa joto) au landscape (kipimo kinahatiki kwa ngumu):

Mobile

Mobile

Kuomewa tukio orientationchange, tukifungua kwenye kipimo cha window:

$(window).on("orientationchange",function(){
  alert("Muundo haujafikia mapato!");
});

Mwongozo wa callback inaweza kuminga thamani, i.e. kipimo cha event, kinatoa muundo wa kifaa cha uwanja: "portrait" (kipimo kinahatiki kwa joto) au "landscape" (kipimo kinahatiki kwa ngumu):

Mfano

$(window).on("orientationchange",function(event){
  alert("Muundo ni: " + event.orientation);
});

亲自试一试

Kwa sababu tukio orientationchange limeongezwa kwenye kipimo window, tunaweza kutumia properti window.orientation kama, kuminga maelezo tofauti ya muundo wa kipimo kwa sababu ya kipimo: portrait (kipimo kinahatiki kwa joto) au landscape (kipimo kinahatiki kwa ngumu):

Mfano

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Portreti
  {
    $("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。