使用一个匿名函数绑定到就绪事件和另一个事件

Question

通常要将多个事件绑定到一个元素，可以使用.on() ：

$("select#id").on("click change").function(){
    // do actions
});

但是，从 jQuery 1.8 开始，不推荐使用ready和.on() ：

// Deprecated
$(document).on("ready", handler)

.on("ready")行为也与.ready()不同。 具体来说，如果.on("ready")在元素准备好后绑定到元素，处理程序将不会执行，而.ready()即使在元素准备好后调用也会执行。

您可以使用命名函数来完成它：

var myFunction = function(){
    // do actions
};

$(document).ready(myFunction);
$("select#id").change(myFunction);

但这并不理想。 使用单个匿名函数会更干净。

Answer 1

一种方法是：

$(document).ready(function(){
    $("select#id").change(function(){
        // do actions
    }).change();
});

这将为change事件定义处理程序，然后立即调用change事件。 因为它在ready()处理程序中，所以它会在ready和change事件中执行。

Answer 2

抱歉，您根本无法在更新版本的 jquery 中执行此操作。

您的代码按原样没有任何意义，当您使用.ready时，没有理由在$()使用除document以外的任何内容，因为.ready将简单地忽略当前选择的任何内容并执行它的操作如果选择了document 。

$(document).ready(function(){
    $("#theid").change(changeHandler).change();
});

如果唯一的目标是只使用 1 个匿名函数，事件委托会做到这一点，但这可能有点过头了。

$(document).on('change','#theid',thehandler);

其中处理程序是匿名函数或命名函数，您可以选择。