窗口.在函数中创建时，调整大小不起作用

window.resize not working when creating it in a function

本文关键字：调整 不起作用 函数 创建 窗口      更新时间：2023-09-26

为什么在每次大小更改后(如预期的那样)在控制台中显示浏览器大小:

window.onresize = function() {
        var width = $(window).width(); 
        console.log(width);
}
http://jsfiddle.net/5r35gLrc/

但是当创建它作为一个函数并调用它时，它没有?: 

window.onresize = browserResizeAdjustments();
function browserResizeAdjustments() {
    var width = $(window).width(); 
    console.log(width);
}
http://jsfiddle.net/wxx8do60/

原因是我想运行这个onload，而不是当第一次浏览器大小发生变化。

最终解决方案:

<script type="text/javascript">
window.onresize = browserResizeAdjustments;
function browserResizeAdjustments() {
    var width = $(window).width(); 
    console.log(width);
}
// This runs it onload
browserResizeAdjustments();
</script>

窗口。Onresize应该是对函数的引用，而不是函数调用的结果。试试这个:

window.onresize = browserResizeAdjustments;
相关文章：