jQuery Mobile Richtungswechsel Ereignis
jQuery Mobile Richtungswechsel (orientationChange) Ereignis
Wenn der Benutzer vertikal oder horizontal rotierenden mobilen Gerät, Trigger Richtungswechsel (orientationChange) Ereignis.
Sie
Um die Richtungsänderung (orientationChange) Ereignis verwenden, bitte an das Fenster-Objekt anhängen:
$(window).on("orientationchange",function(){ alert("方向有改变!"); });
Callback-Funktion nimmt einen Parameter, Ereignisobjekte, kehren die Richtung des mobilen Geräts: "Portrait" (Gerät in einer vertikalen Position bleibt) oder "horizontal" (Gerät in horizontaler Lage bleibt):
Beispiele
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + event.orientation);
});
Versuchen »
Da die Richtungsänderung (orientationChange) binden Ereignisse an das Fensterobjekt, können wir window.orientation Eigenschaft festlegen verschiedene Stile verwenden, um vertikale und horizontale Ansicht unterscheiden:
Beispiele
$(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%"});
}
});
Versuchen »
window.orientation Eigenschaft gibt 0 für Hochformat, in die Landschaft für eine Rückkehr zu 90 oder -90. |