Jak ponownie załadować stronę po zmianie orientacji?

Próbuję wywołać zdarzenie z aplikacją jQuery mobile, która automatycznie ponownie ładuje stronę po zmianie orientacji urządzenia. Mam zapytania o media napisane z max-device-width,orientation:landscape, i orientation: portrait. Ponieważ skala <video> nie zostanie poprawnie skalibrowana ... jedynym rozwiązaniem, jakie mogę rozważyć, jest odświeżenie strony do właściwej zapytania o media przy obróceniu urządzenia.Jak ponownie załadować stronę po zmianie orientacji?

Jak mam to zrobić? Dzięki.

Źródło

2013-07-17 David Berning

Czy spojrzał na 'onorientationchange 'wydarzenie? – oomlaut

@oomlaut Trochę. –

@Ross To nie zadziałało. Po prostu wklej swój kod w tagu

Dzięki chłopaki, którzy odpowiedzieli, ale uważam, że ten i używane to i to działało idealnie.

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

Źródło

2013-07-18 20:34:08

Cieszę się, że to wymyśliłeś. Jedna sugestia - Nie potrzebujesz instrukcji switch. Podobnie jak to - 'window.onorientationchange = function() { \t window.location.res(); }; ' – Ross

@Ross Spróbuję tego jutro. Dzięki. –

Spróbuj poniższy kod, żeby przekierować stronę na razie orientacji swoją pracę dobrze dla mnie

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

Dzięki

Źródło

2017-07-07 05:44:47

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

Źródło

2017-07-26 12:05:05

Powiązane problemy