同一个元素有多个click事件，如何trigger触发指定的那一个事件？

Question

通过谷歌开发者工具检测到“#d_uid_526”存在多个click事件，不同的地方是图中圈出的handler,请问如何通过jquery的trigger触发handler为f(p)的那个事件？

Answer 1

可以使用事件的命名空间解决。

$('input').bind('click.abc', function () {
alert('abc');
});
$('input').bind('click.xyz', function () {
alert('xyz');
});
$('input').trigger('click.abc');

Answer 2

jQuery可以自定义事件，通过trigger来触发，像这样：

$(function () {
    $("div").bind("change-color", function () {
        $(this).addClass("color");
    });
    $("div").trigger("change-color");
});

给div绑定了一个change-color事件，如果触发就会调用后面的function。但是bind只是绑定，且这里的change-color是一个自定义事件，不会自己触发。而$("div").trigger("change-color")触发了这个事件。