Html 方向改变时如何重新加载网页?
我试图用jQuery mobile触发一个事件,当设备的方向改变时,该事件会自动重新加载页面。我用Html 方向改变时如何重新加载网页?,html,jquery-mobile,mobile,media-queries,Html,Jquery Mobile,Mobile,Media Queries,我试图用jQuery mobile触发一个事件,当设备的方向改变时,该事件会自动重新加载页面。我用最大设备宽度、方向:横向、和方向:纵向写媒体查询。由于无法正确缩放…我能想到的唯一解决方案是在设备旋转时将页面刷新到正确的媒体查询 我该怎么做呢?谢谢。这个怎么样 $(window).on('orientationchange', function(e) { $.mobile.changePage(window.location.href, { allowSamePageT
最大设备宽度、
方向:横向、和方向:纵向写媒体查询。由于
无法正确缩放…我能想到的唯一解决方案是在设备旋转时将页面刷新到正确的媒体查询
我该怎么做呢?谢谢。这个怎么样
$(window).on('orientationchange', function(e) {
$.mobile.changePage(window.location.href, {
allowSamePageTransition: true,
transition: 'none',
reloadPage: true
});
});
最好将该OrientionChange事件命名为特定页面
谢谢你们的回答,但我找到了这个并使用了它,它工作得非常好
<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; }
};
//移动方向改变时重新加载网页
window.onorientationchange=函数(){
var方向=window.orientation;
开关(方向){
案例0:
案例90:
case-90:window.location.reload();
中断;}
};
请尝试以下代码重定向有关定向事件的页面,对我来说效果很好
if (window.DeviceOrientationEvent) {
window.addEventListener('orientationchange', function() { location.reload(); }, false);
}
谢谢
addEventListener(“方向更改”,函数(){
控制台。日志(屏幕。方向);
},假);
使用jQuery
$(window).bind('orientationchange', function (event) {
location.reload(true);
});
你有没有调查过onorientationchange
事件?@oomlaut有一点。@Ross它不起作用。只需将代码粘贴到jQuery mobile链接的标签中,正确吗?这类事件可能发生吗?@DavidBerning您是否检查了orientationchange
事件是否触发?将警报
或控制台记录在其中,查看是否触发。您使用的是什么版本的jQM?您可以尝试$(window.bind('orientationchange',function(e){})
而不是在
上使用。我很高兴你能找到答案。一个建议-您不需要switch语句。改为如下-window.onorientationchange=function(){window.location.reload();}代码>@Ross我明天就试试。谢谢。这个就这么简单。。谢谢
$(window).bind('orientationchange', function (event) {
location.reload(true);
});