在移动中改变方向需要关闭弹出窗口

Question

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

挑战部分是在显示javascript警告或下拉选项时，如果用户更改了方向而没有获得＆＃34;方向更改消息＆＃34;而不是显示整个网站。

我们可以通过使用＆＃34; mobile jquery＆＃34;来检查方向，而无需重新加载页面。 ？

Answer 1

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

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