jquery - 如何使用 jQuery 将同一个处理程序绑定到多个事件

Question

只是想知道是否有办法简化以下脚本...感谢您的帮助。

$('#right-arrow').live('click', function(){
        removt();
        callAjaxToCheck();
        show = true;
})

$('#tab').click(function(){
   removeTut();
   callAjaxToCheck();
   show = true;

})

$('left-arrow').live('click', function(){
        removeT();
        callAjaxToCheck();
        show = true;
})

Answer 1

始终在代码中包含分号。 （你在})线条之后错过了它们）。

我认为最干净的方法是创建一个单独的函数：

function doStuff() {
    removeTut();
    callAjaxToCheck();
    showTutorial = true;
}

$('#eplanner-view-range-right-arrow').live('click', doStuff);
$('#lesson-search-tab').click(doStuff);
$('#eplanner-view-range-left-arrow').live('click', doStuff);

当然，您应该使用比doStuff.

Answer 2

使用多重选择器：

$('#eplanner-view-range-right-arrow,#lesson-search-tab,#eplanner-view-range-left-arrow').live('click', function(){
   removeTut();
   callAjaxToCheck();
   showTutorial = true;
});

Answer 3

var func = function() {
    "use strict";
    removeTut();
    callAjaxToCheck();
    showTutorial = true;
};

$("#parent").on("click", "#eplanner-view-range-right-arrow, #eplanner-view-range-left-arrow", func);
$("#lesson-search-tab").click(func);

从 jQuery 版本 1.7+ 开始，更改.live()为.on()as.live()已弃用。如果您正在运行旧版本的 jQuery，请不要更改.live().