webentwicklung-frage-antwort-db.com.de

Wie lade ich die Webseite neu, wenn sich die Ausrichtung ändert?

Ich versuche, mit jQuery Mobile ein Ereignis auszulösen, bei dem die Seite automatisch neu geladen wird, wenn sich die Ausrichtung des Geräts ändert. Ich habe Medienabfragen, die mit max-device-width,orientation:landscape, und orientation: portrait geschrieben wurden. Da der <video> nicht richtig skaliert ... Die einzige Lösung, die ich mir vorstellen kann, ist, die Seite mit dem gedrehten Gerät auf die richtige Medienabfrage zu aktualisieren.

Wie mache ich das? Vielen Dank.

11
David Berning

Danke Jungs, die geantwortet haben, aber ich habe das gefunden und genutzt und es hat perfekt funktioniert.

<script type="text/javascript"> // RELOADS WEBPAGE WHEN MOBILE ORIENTATION CHANGES  
    window.onorientationchange = function() { 
        var orientation = window.orientation; 
            switch(orientation) { 
                case 0:
                case 90:
                case -90: window.location.reload(); 
                break; } 
    };
15
David Berning

Wie wäre es damit?

$(window).on('orientationchange', function(e) {
     $.mobile.changePage(window.location.href, {
        allowSamePageTransition: true,
        transition: 'none',
        reloadPage: true
    });
});

Es ist am besten, den Namespace für dieses Orientierungsänderungsereignis auf eine bestimmte Seite festzulegen.

jQM-Dokumente zum Orientierungswechsel-Ereignis

7
Ross
<script type="text/javascript">
window.addEventListener("orientationchange", function() {
        console.log(screen.orientation);
}, false);
</script>
1
logesh kumar

mit jQuery

$(window).bind('orientationchange', function (event) {
    location.reload(true);
});
1
Shawn

Bitte versuchen Sie den folgenden Code, um die Seite beim Orientierungsereignis umzuleiten

if (window.DeviceOrientationEvent) {
    window.addEventListener('orientationchange', function() { location.reload(); }, false);
}

Vielen Dank

1
subindas pm