Question

我有$（document）和$（window），它们分别与'ready'和'resize'事件绑定。他们正在共享相同的事件处理程序。

代码：

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

除了上面的样式之外，还有一种传统的方法来处理这个问题，使代码干净简单＆gt;

Answer 1

实际上非常简单。

var handler = function (event) {
    // Whatever you want to handle
};

$(window).on('resize', handler);
$(document).ready(handler);

Answer 2

如果您不想污染全局命名空间，另一个选择是使用立即执行的匿名函数。

以TheShellfishMeme的答案为基础：

// handler will not be defined at this point
(function() {
    var handler = function (event) {
        // Whatever you want to handle
    };

    $(window).on('resize', handler);
    $(document).ready(handler);
})();
// handler will not be defined at this point

使用相同的事件处理程序分别使用不同的事件绑定多个元素的优雅方法是什么？

2 个答案: