jQuery Mobile yön olayı

jQuery Mobile orientationchange olayı

orientationchange olayı, kullanıcı cihazı dikey veya yatay olarak döndürdüğünde tetiklenir.

Mobil

Mobil

orientationchange olayını kullanmak istiyorsanız, onu window nesnesine ekleyin:

$(window).on("orientationchange",function(){
  alert("Yön değişti!");
});

callback fonksiyonu, cihazın yönünü döndüren event nesnesi olarak bir parametre ayarlayabilir: "portre" (cihazın tutulma yönü dikey) veya "landscape" (cihazın tutulma yönü yatay):

Örnek

$(window).on("orientationchange",function(event){
  alert("Yön: " + event.orientation);
});

Kişisel olarak deneyin

orientationchange olayı window nesnesi ile bağlandığı için, window.orientation özelliğini kullanarak örneğin, portre ve landscape görünümlerini ayırmak için farklı stiller ayarlayabiliriz:

Örnek

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

Kişisel olarak deneyin

İpucu:window.orientation özelliği portre görünümünde 0, yatay görünümde 90 veya -90 döndürür.