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

时间:2015-09-17 08:25:32

标签: javascript jquery cross-browser

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

window.onresize = browserResizeAdjustments();

function browserResizeAdjustments() {
    var width = $(window).width(); 

    console.log(width);

}

http://jsfiddle.net/5r35gLrc/

但是当它作为一个函数创建并调用它时,它不会?:

<script type="text/javascript">
window.onresize = browserResizeAdjustments;

function browserResizeAdjustments() {
    var width = $(window).width(); 

    console.log(width);

}

// This runs it onload
browserResizeAdjustments();
</script>

http://jsfiddle.net/wxx8do60/

原因是我想要运行此onload,而不仅仅是在第一次浏览器大小发生变化时。

最终解决方案:

{{1}}

1 个答案:

答案 0 :(得分:1)

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

window.onresize = browserResizeAdjustments;