Cách tải lại trang web khi định hướng thay đổi?

Tôi đang cố gắng kích hoạt sự kiện với điện thoại di động jQuery tự động tải lại trang khi hướng của thiết bị thay đổi. Tôi có các truy vấn phương tiện được viết bằng max-device-width,orientation:landscape, và orientation: portrait. Vì <video> sẽ không mở rộng quy mô ... giải pháp duy nhất tôi có thể nghĩ là làm mới trang tới truy vấn phương tiện chính xác với thiết bị được xoay.Cách tải lại trang web khi định hướng thay đổi?

Tôi làm cách nào để thực hiện việc này? Cảm ơn.

Nguồn

2013-07-17 David Berning

Các bạn đã nhìn vào 'onorientationchange 'sự kiện? – oomlaut

@oomlaut Một chút. –

@Ross Nó không hoạt động. Chỉ cần dán mã của bạn vào thẻ

Thanks guys người đã trả lời nhưng tôi thấy điều này và sử dụng này và nó đã làm việc một cách hoàn hảo.

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

Nguồn

2013-07-18 20:34:08

Tôi rất vui vì bạn đã hiểu nó. Một gợi ý - Bạn không cần câu lệnh switch. Như thế này - 'window.onorientationchange = function() { \t window.location.reload(); }; ' – Ross

@Ross Tôi sẽ thử vào ngày mai. Cảm ơn. –

Vui lòng thử đoạn mã sau để chuyển hướng trang về sự kiện định hướng, công việc của mình tốt cho tôi

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

Cảm ơn

Nguồn

2017-07-07 05:44:47

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

Nguồn

2017-07-26 12:05:05

Các vấn đề liên quan