优雅的方式写重复功能

Question

在JS / jQuery中，经常需要做某事，然后在某些情况下重复它。

例如像这样的东西，它只是一个例子：

$(window).load(function() {

scaleSomething();

$(window).resize(function() {
scaleSomething();
});

});

写这样的东西的优雅方式是什么？因为在这种情况下，一个函数/代码块总是加倍。

Answer 1

您必须使用.on绑定多个事件。请阅读here以了解更多信息。

尝试，

$(window).on('load resize',scaleSomething)

Answer 2

使用“.on”方法时，您可以对以空格分隔的事件进行分组：

$(window).on("load resize", function() {
    scaleSomething();
});

http://api.jquery.com/on/

Answer 3

尝试在创建侦听器后立即触发事件：

$(window).on('resize', function() {
    scaleSomething()
}).trigger('resize');

Answer 4

使用on将事件处理程序附加到多个事件。事件作为on函数的第一个参数传递。参数应该是一个字符串，其中的事件名称由空格分隔。

$(window).on("load resize", function(){
   scaleSomething();
});

function scaleSomething(){
   alert("scaling");
}

JS小提琴： http://jsfiddle.net/7ZFpr/