如何在方向改变时重新加载网页？

Question

我正试图用jQuery mobile触发一个事件,当设备的方向改变时,它会自动重新加载页面.我用max-device-width, orientation:landscape,和写的媒体查询orientation: portrait.由于<video>无法正确扩展...我能想到的唯一解决方案是在旋转设备的情况下将页面刷新到正确的媒体查询.

我该怎么做呢？谢谢.

Answer 1

谢谢回答的人,但我发现了这个,并使用了它,它完美地工作.

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

Answer 2

这个怎么样？

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

最好将orientationchange事件命名为特定页面.

关于orientationchange事件的jQM文档