jQuery Mobile perubahan arah acara
jQuery Mobile arah perubahan (orientationchange) Acara
Ketika pengguna secara vertikal atau horizontal berputar perangkat mobile, perubahan pemicu arah (orientationchange) event.
Untuk menggunakan perubahan arah (orientationchange) acara, silahkan pasangkan ke objek jendela:
$(window).on("orientationchange",function(){
alert("方向有改变!");
});
fungsi callback mengambil satu parameter, acara benda, kembali ke arah perangkat mobile: "Portrait" (perangkat tetap dalam posisi vertikal) atau "horisontal" (perangkat tetap dalam posisi horizontal):
contoh
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + event.orientation);
});
Coba »
Sejak perubahan peristiwa arah (orientationchange) mengikat ke objek jendela, kita dapat menggunakan properti window.orientation untuk mengatur gaya yang berbeda untuk membedakan tampilan vertikal dan horisontal:
contoh
$(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%"});
}
});
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});
Coba »
 | Properti window.orientation mengembalikan 0 untuk tampilan potret, tampilan landscape untuk kembali ke 90 atau -90. |
|---|