jquery - 如何组合两个使用 .on 的 jQuery 选择？

Question

我有这个 jQuery:

$('#detail')
.on('click', '.deleteLink', function () {
    dialog(this);
    return false;
})
$('#detail')
.on('click', '.editLink', function () {
    dialog(this);
    return false;
})

有没有办法将这些结合起来。抱歉，我根本不了解 jQuery。

Answer 1

使用逗号选择器将其绑定(bind)到两者的父级:

// Instead of body, you might want a more specific common parent
$('body').on('click', '#detailD .deleteLink, #detail .editLink', function () {
    dialog(this);
    return false;
});

或者您可以简单地创建该函数一次:

var handler = function () {
    dialog(this);
    return false;
};
$('#detailD').on('click', '.deleteLink', handler);
$('#detail').on('click', '.editLink', handler);