jQuery Komórka wydarzenie zmiana kierunku
jQuery Mobile Zmień kierunek (orientationChange) Wydarzenie
Gdy użytkownik pionowo lub poziomo obracanie urządzenia mobilnego, zmiana kierunku spustu (orientationChange) wydarzenia.
Aby skorzystać ze zmianą kierunku (orientationChange) imprezy, prosimy o dołączenie go do obiektu window:
$(window).on("orientationchange",function(){ alert("方向有改变!"); });
Funkcja oddzwaniania pobiera jeden parametr, obiektów zdarzeń, zwraca kierunek urządzenia mobilnego: "Portret" (urządzenie pozostaje w pozycji pionowej) lub "horyzontalne" (urządzenie pozostaje w pozycji poziomej):
Przykłady
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + event.orientation);
});
Spróbuj »
Ponieważ zmiany wydarzeń kierunku (orientationChange) wiążą się z obiektu window, możemy użyć własności window.orientation ustawić różne style odróżnić widok pionowy i poziomy:
Przykłady
$(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%"});
}
});
Spróbuj »
Obiekt window.orientation zwraca 0 w widoku pionowym, widoku poziomym do powrotu do 90 lub -90. |