jQuery Mobile orientationChange Olay
Kullanıcı, dikey veya yatay olarak mobil cihaz döndüğü zaman orientationChange olay tetiklenir.
orientationChange olayını kullanmak için, pencere nesnesine ekleyin:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); : Geri arama işlevi, mobil cihazın yönünü döndüren bir argüman, olay nesnesi sahip olabilir "portrait" (cihaz, dikey bir pozisyonda tutulur) veya "landscape" (the device is held in a horizontal position) :
Örnek
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Kendin dene " orientationChange etkinliği pencere nesnesine bağlı olduğundan, biz, örneğin, dikey ve yatay görünüm arasında ayırt etmek için farklı stilleri ayarlamak için window.orientation özelliğini kullanabilirsiniz:
Örnek
$(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%"});
}
}); Kendin dene " window.orientation özelliği yatay görünümde için dikey için 0 ve 90 ya da -90 döndürür.