jQuery Mobile cambio di direzione evento
jQuery Mobile cambiare direzione (orientationChange) Event
Quando l'utente verticale o in orizzontale ruotando il dispositivo mobile, il cambiamento grilletto della direzione (orientationChange) evento.
Per utilizzare il cambio di direzione (orientationChange) evento, allegare all'oggetto finestra:
$(window).on("orientationchange",function(){
alert("方向有改变!");
});
Funzione callback accetta un parametro, oggetti evento, restituire la direzione del dispositivo mobile: "Verticale" (dispositivo rimane in posizione verticale) o "orizzontale" (dispositivo rimane in posizione orizzontale):
Esempi
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + event.orientation);
});
Prova »
Dal momento che il cambiamento degli eventi direzione (orientationChange) si legano alla oggetto finestra, possiamo utilizzare la proprietà window.orientation per impostare gli stili diversi per distinguere vista verticale e orizzontale:
Esempi
$(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%"});
}
});
Prova »
 | proprietà window.orientation restituisce 0 per visualizzazione verticale, orizzontale per un ritorno di 90 o -90. |
|---|