jQuery Mobile orientationChange Ereignis
Die orientationChange Ereignis wird ausgelöst, wenn der Benutzer das Mobilgerät dreht vertikal oder horizontal.
Um die orientationChange Ereignis verwenden, schließen Sie es an das Fenster-Objekt:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); Die Callback - Funktion kann ein Argument haben, das Ereignisobjekt, das die Ausrichtung des mobilen Gerät zurückgibt: "portrait" (das Gerät in einer vertikalen Position gehalten wird) oder "landscape" (das Gerät in einer horizontalen Position gehalten wird):
Beispiel
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Versuch es selber " Da das orientationChange Ereignis an das Fenster Objekt gebunden ist, können wir die window.orientation Eigenschaft zu verwenden, zum Beispiel, verschiedene Stile eingestellt zwischen Hoch- und Querformat zu unterscheiden:
Beispiel
$(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%"});
}
}); Versuch es selber " Die window.orientation Eigenschaft gibt 0 für Portrait- und 90 oder -90 für Landschaftsansicht.