Namespaced Custom Events Trigger

Question

Я в тупике о том, как пользовательские события с именами должны работать в jQuery. У меня создалось впечатление от the doc, что запуск пользовательского события с именами приведет к тому, что обработчики обработают только определенные события. Вместо этого кажется, что пространство имен в значительной степени игнорируется. Пример ниже и живой код здесь: http://jsfiddle.net/kZCBw/1/

$(document) 
     .bind("reset.one", function(){ console.log("reset.one event detected");}) 
     .bind("reset.two", function(){ console.log("reset.two event detected");}) 
     .bind("cheese", function(){ console.log("cheese event detected");}); 

     $("#btn1").click(function(){ 
      console.log("firing reset.one event"); 
      $(this).trigger("reset.one"); 
     }); 
     $("#btn2").click(function(){ 
      console.log("firing reset.two event"); 
      $(this).trigger("reset.two"); 
     }); 
     $("#btn3").click(function(){ 
      console.log("firing reset event"); 
      $(this).trigger("reset"); 
     }); 

     //btn1 click should only trigger handlers bound to "reset.one" 
     //and yet it triggers anything starting w/ "reset" 

Что мне не хватает?

Заранее благодарен! -matt

Answer 1

Я могу, по крайней мере, подтвердить ваш пример, добавить наблюдение.

Если вы сделаете кнопку слушателем (см. http://jsfiddle.net/kZCBw/2/), лучше отражая образец кода в документации, он работает так, как ожидалось.

Но если вы переместите его куда-нибудь выше в дереве DOM (см. http://jsfiddle.net/kZCBw/3/), он терпит неудачу.

Сначала я подозревал, что это произошло потому, что пространство имена не барботирование с объектом события, но я добавил следующий код (живой пример на http://jsfiddle.net/kZCBw/4/):

$('*').bind('reset', function(e){ 
    console.log(e.type + '.' + e.namespace + ' detected at ' + e.currentTarget); 
}); 

Как вы можете видеть , пространство имен пузырится просто отлично.

В то время как поведение, которое вы ищете (пространство имен остается эффективным на узлах DOM более высокого уровня), явно не показано в documentation, я считаю, что это должно быть способом работы с именами. В этом случае вы можете начать охоту «ошибка или функция».

Временный способ выполнить то, что вы ищете, не касаясь исходного кода jQuery, - это просто отфильтровать событие с помощью EventObject (я подозреваю, что в этом случае события, связанные с именами, выполняются в jQuery) внутри события обработчик.