javascript - 为什么这个 ('resize' ) 事件是在加载时触发的，而不是在窗口调整大小时触发的？

Question

我将以下代码封装在 $(document).ready(function(){}); 中:

var sizeMapContainer = function(n) {
    var w = $(window).innerHeight();
    var h = $('#sl-header-container').outerHeight();
    var f = $('.oev-form-container').outerHeight();
    var m = w - h - f;
   $('#map-container').outerHeight(m);
}
sizeMapContainer(1);
$(window).on('resize', sizeMapContainer(2));

为什么 sizeMapContainer 在页面加载时被调用两次，但在我调整窗口大小时却没有被调用？

Answer 1

您正在调用该函数，而不是将事件绑定(bind)到该函数。应该是:

$(window).on('resize', function() {
    sizeMapContainer(2);
});