jQuery Mobile -suuntatapahtuma

jQuery Mobile orientationchange-tapahtuma

orientationchange-tapahtuma käynnistyy, kun käyttäjä kääntää laitetta pystysuuntaan tai horisontaaliseen asentoon.

Mobile

Mobile

Jos haluat käyttää orientationchange-tapahtumaa, lisää se window-objektiin：

$(window).on("orientationchange",function(){
  alert("Suunta on muuttunut！");
});

callback-funktio voi asettaa parametrin, eli event-objektin, joka palauttaa liikkuvan laiteen suunnan："portrait" （laitetta pidetään pystysuuntaisesti）tai "landscape" （laitetta pidetään horisontaalisesti）：

实例

$(window).on("orientationchange",function(event){
  alert("Suunta on：" + event.orientation);
});

Kokeile itse

Koska orientationchange-tapahtuma on sidottu window-objektiin, voimme käyttää window.orientation-ominaisuutta esimerkiksi asettaaksemme eri tyylejä erottamaan portrait- ja landscape-näyttötilat:

实例

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Portrait
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Kokeile itse

Vinkki:window.orientation ominaisuus palauttaa 0 kuvakulmasta, 90 tai -90 vaakakulmasta.