为什么'orientationchange'事件没有在浏览器调整大小时触发？

Question

我正在使用下面的javascript代码。但它不适用于浏览器调整大小。我还在这个项目中使用了基础（zurb）框架。

  <script type="text/javascript">
    $(window).on("orientationchange", function () {
        alert("The orientation has changed!");
        // I want to do my other stuff here which is depend on Landscap or portrait
    });
</script>

请让我知道我错过了什么。 感谢

Answer 1

orientation change是纵向/横向更改

resize是一个不同的事件

你也可以查找load这是大多数类似情况下的必需事件{} {}会在首页加载时触发，以便你做一些初步调整。

load

Answer 2

试试这个：

// Find matches
var mql = window.matchMedia("(orientation: portrait)");

// If there are matches, we're in portrait
if(mql.matches) {  
    // Portrait orientation
} else {  
    // Landscape orientation
}

// Add a media query change listener
mql.addListener(function(m) {
    if(m.matches) {
        // Changed to portrait
    }
    else {
        // Changed to landscape
    }
});