Wie laden Sie die Webseite, wenn die Orientierung verändert?

Ich versuche, die ein Ereignis auslösen, mit jQuery mobile, das automatisch lädt die Seite, wenn das Gerät seine Orientierung ändert. Ich habe media queries geschrieben mit max-device-width, orientation:landscape, und orientation: portrait. Da die <video> nicht korrekt skaliert...die einzige Lösung, die ich denken kann, ist, die Seite zu aktualisieren, um die richtige Medien-Abfrage, die mit dem Gerät gedreht wird.

Wie gehe ich über das tun dies? Danke.

  • Haben Sie schaute in die onorientationchange Veranstaltung?
  • Ein wenig.
  • Es hat nicht funktioniert. Fügen Sie Ihren code in den <script> - tag in den <head> mit der jQuery mobile verknüpft, richtig? Ist diese Art von Veranstaltung noch möglich?
  • Haben Sie überprüft, um zu sehen, ob die orientationchange - Ereignis ausgelöst? Setzen Sie ein alert oder console.log in ihm zu sehen, ob es ausgelöst wird. Welche version von jQM verwenden Sie? Sie können versuchen $(window).bind('orientationchange', function(e) {} ); anstatt on.
InformationsquelleAutor David Berning | 2013-07-17
  1. 17

    Danke Jungs, wer geantwortet hat, aber ich fand das und verwendet und es funktionierte perfekt.

    <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; } 
    };

    • Ich bin froh, Sie haben es herausgefunden. Ein Vorschlag - Sie brauchen nicht die switch-Anweisung. Wie diese statt - window.onorientationchange = function() { window.location.reload(); };
    • Ich werde versuchen das morgen. Danke.
    InformationsquelleAutor David Berning
  2. 7

    Wie über dieses?

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

    Am besten wäre es, namespace, das orientationchange-Ereignis zu einer bestimmten Seite.

    jQM-docs auf orientationchange-Ereignis

    • +1 für den Ansatz.
    InformationsquelleAutor Ross
  3. 1

    Bitte versuchen Sie den folgenden code, um die Umleitung der Seite auf die Ausrichtung Ereignis, seine Arbeit gut für mich

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

    Dank

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

    mithilfe von jQuery

    $(window).bind('orientationchange', function (event) {
    location.reload(true);
});
    InformationsquelleAutor Shawn
Schreibe einen Kommentar