为什么在窗口调整大小时不会触发非匿名函数？

Question

我想绑定/解除绑定事件监听器窗口调整我使用.on（）/。off（）函数来做到这一点。因为.off（）需要传递和.on（）中相同的函数。我创建了一个在两个地方传递的独立函数。

这里是（不工作）的代码：

var i = 0; 
function onResizeListener(){ 
    $('#debug').html(i); 
    i++; 
} 
$(document).ready(function() { 
    $(window).on('resize',onResizeListener()); 
}); 

实施例：http://jsfiddle.net/eRupC/2/

这一个是工作：http://jsfiddle.net/eRupC/1/当我的匿名函数包住onResizeListener()。

该示例中的理想结果：调整窗口大小时，数字已更改。

在此先感谢。

Answer 1

如果您需要将某物传递给onResizeListener，请尝试此操作。如果没有，请从其他答案中删除onResizeListener的括号。 Bind Documentation

$(document).ready(function() { 
    var x = 2; 
    var y = 4; 
    $(window).bind('resize', function() { 
    onResizeListener(x, y); 
    }); 
}); 

这也将工作：

$(document).ready(function() { 
    $(window).on('resize', function() { 
    onResizeListener(); 
    }); 
}); 

要unbind从resize事件函数调用，但仍然传递参数的功能，你可以使用：

$(document).ready(function() { 
    //bind 
    $(window).bind('resize', { foo: 'bar' },onResizeListener); 

    //unbind, wrap in event you wish to use to unbind it 
    $(window).unbind('click', onResizeListener); 
}); 

Answer 2

您需要从事件处理程序代码中删除括号...

var i = 0; 
function onResizeListener(){ 
    $('#debug').html(i); 
    i++; 
} 
$(document).ready(function() { 
    $(window).on('resize',onResizeListener); 
}); 

Answer 3

替换该行

$(window).on('resize',onResizeListener()); 

与此

$(window).on('resize',onResizeListener); 

http://jsfiddle.net/pc5uC/