jQuery Mobile, orientationChange Event
Impreza orientationChange jest wyzwalany, gdy użytkownik obraca urządzenie mobilne pionowo lub poziomo.
Aby użyć zdarzenia orientationChange, dołączyć go do obiektu window:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); Funkcja zwrotna może mieć jeden argument, obiekt zdarzenia, która zwraca orientację urządzenia mobilnego: "portrait" (urządzenie jest utrzymywany w pozycji pionowej) lub "landscape" (urządzenie jest przechowywane w pozycji poziomej):
Przykład
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Spróbuj sam " Ponieważ zdarzenie orientationChange jest zobowiązany do obiektu window, możemy skorzystać z właściwości window.orientation do, na przykład ustawić różne style odróżnić widokiem pionowym i poziomym:
Przykład
$(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%"});
}
}); Spróbuj sam " Nieruchomość window.orientation zwraca 0 w przypadku orientacji pionowej i 90 lub -90 do widoku poziomym.