window.resize 在函数中创建它时不起作用

Question

为什么，每次大小更改后，控制台都会显示浏览器大小（如预期）：

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>

Answer 1

window.onresize 应该是对函数的引用，而不是函数调用的结果。试试这个：

window.onresize = browserResizeAdjustments;

window.resize 在函数中创建它时不起作用

window.resize not working when creating it in a function

javascript

jquery

cross-browser