eventos - jQuery Mobile orientación de bloqueo

jquery mobile events

Question

Hola chicos, estoy usando phonegap y jquery mobile para construir una aplicación para un teléfono Android. ¿Existe la posibilidad de bloquear la orientación en una página? Por ejemplo, la página "mapa" está cargada y la orientación está bloqueada en modo "paisaje".

Answer 1

No realmente, creo En xCode para aplicaciones iOS no es posible. La única solución que se me ocurre es rotar tu cuerpo o una envoltura según window.orientation

$(window).bind("orientationchange", function(){
var orientation = window.orientation;
var new_orientation = (orientation) ? 0 : 180 + orientation;
$(''body'').css({
"-webkit-transform": "rotate(" + new_orientation + "deg)"
});
});

Esta es una forma arriesgada, pero piensa que es la única manera ..

Espero que esto ayude, por favor házmelo saber!

Ver: http://jsfiddle.net/aalouv/sABRQ/1/

Alternativa que puede vincular al evento de cambio de tamaño de la ventana.

$(window).bind("resize", function(){
var orientation = window.orientation;
var new_orientation = (orientation) ? 0 : 180 + orientation;
$(''body'').css({
"-webkit-transform": "rotate(" + new_orientation + "deg)"
});
});

Hace un tiempo escribí este pequeño guión: arregla el error de devolución de llamada de tamaño múltiple en iOS safari y el error de orientación / no / tardía / desencadenante temprano (1) en android.

(1) ¿A veces no se dispara dos veces antes y algunas veces después de que el navegador tiene cambios de ancho + alto? ¡Con cable!

if (!(/iphone|ipad/gi).test(navigator.appVersion)) {
$(window).unbind("resize").bind("resize", function() {
$(window).trigger("orientationchange");
});
}

Si no es un iphone o ipad, está activando el evento de orientación de cambio en la ventana.

Entonces, cuando enlazará cualquier función, cambiará el tamaño de la orientación.

Answer 2

Intenté modificar manifest.xml y funciona. Simplemente agregue el atributo android: screenOrientation = "landscape" a su etiqueta de actividad como se muestra a continuación:

<application android:icon="@drawable/ic_launcher" android:label="@string/app_name">
<activity android:label="@string/app_name" android:name=".Phonegap_AppName"
android:configChanges="orientation|keyboardHidden" android:screenOrientation="landscape">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>