在移动设备中更改方向时需要关闭弹出窗口

Question

对桌面网站进行少量更改以在移动设备中工作（仅限横向模式），如果用户将方向更改为纵向，则会显示一条消息以更改方向。它按预期工作。

具有挑战性的部分是在显示 javascript 警报或下拉选项时，如果用户更改方向而没有收到“方向更改消息”而不是显示整个站点。

我们可以在不重新加载页面的情况下通过使用“mobile jquery”检查方向来做到这一点吗？

Answer 1

您可以使用orientationchange方法检查方向模式。

$(window).on("orientationchange",function(event){
  alert("Orientation is: " + event.orientation);
});