javascript - 自定义事件触发它由同一个事件处理程序缓存

Question

我创建了一个名为的自定义事件foo，并在我的代码中注册了这两个侦听器

var $selector1 = $('#foocontainer .item');
var $selector2 = $('#blah .item');

$(document).on('foo',$selector1, 
    function(){ console.log('blah');
 });
$(document).on('foo',$selector2, 
   function(){ alert('testing 123...'); 
});

如您所见，选择器和事件处理程序是不同的，为什么当我触发事件时，捕获它的事件处理程序总是第一个？我假设每个选择器都有它们的事件处理程序，因此不应该混淆。

我用函数触发器触发了事件

$('.item').click(function(){
    $(this).trigger('foo');
});

我错过了什么吗？

Answer 1

jQuery.on需要一个字符串选择器，您正在向它传递一个 jQuery 对象：

$(document).on('foo', $selector1, 
    function(){ console.log('blah');
 });

您可以通过将 on 语句更改为以下内容来解决此问题：

$(document).on('foo', "#d1", function () {
   // do something
});

jsFiddle