javascript - 触发调整大小事件时出了什么问题?

标签 javascript jquery

我尝试自动触发调整大小事件,我发现它不起作用。然后我进行如下测试:

<html>
    <head>
        <title></title>
        <script src="jquery-1.10.2.js"></script>
    </head>

    <body>
        <p>foo</p>
        <script type="text/javascript">
            $(window).trigger('resize');
            window.onresize = resize;
            function resize() {
                alert("resize event detected!");
            }
        </script>
    </body>

</html>


我没有看到任何警报(这意味着我无法触发窗口调整大小事件)。 为什么下面的代码行不起作用?

$(window).trigger('resize');

最佳答案

这是因为您的订单。 resize 函数分配给 window.onresize 之前,您触发了调整大小事件。

只需将顺序更改为:

window.onresize = resize;
$(window).trigger('resize');
function resize() {
  alert("resize event detected!");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

关于javascript - 触发调整大小事件时出了什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32091032/

相关文章:

jQuery - 选择表中的第二行?

javascript - getElementById 选择类而不是 id

jquery - 当背景图像加载完成时调用函数

javascript - jquery 颜色选择器有问题吗?

javascript - 建议一种在数据库驱动的 Web 应用程序上提供弹出帮助文本的方法和/或 COTS 应用程序?

javascript - Vuejs 中兄弟组件之间的通信

javascript - 鼠标按下和向上不起作用

javascript - 如何从 Node 插件返回看起来像数组的东西?

javascript - 无法解除嵌套 <li> 的点击绑定(bind)

javascript - grunt.js 在浏览器没有的地方声明 NaN