jQuery: bind namespaces events

Question

Czy możliwe jest odsłuchiwanie WSZYSTKICH zdarzeń jednego podstawowego zdarzenia, jeśli zdarzenia są przestrzeniami nazw?

Przykład:

$elmt.bind("change", function (event) { 
    console.log(event); 
}); 
$elmt.trigger("change.namespace1"); 
$elmt.trigger("change.namespace2"); 

Zadziała tylko wtedy, wiążę się do pełnych nazw zdarzeń, ale to jest to, czego nie wiem, na tym stanowisku :(

Answer 1

Można, ale to nie jest idealne.

np.

function eventHandler(event){ 
    $("#output").html($("#output").html() + "<br />" + event); 
} 

$elmt = $("#elmt"); 
$elmt.bind("change.namespace1", eventHandler); 
$elmt.bind("change.namespace2", eventHandler); 

$elmt.trigger("change.namespace1"); 
$elmt.trigger("change.namespace2"); 

JSFiddle is here

Musisz wyodrębnić przestrzeń nazw ze zdarzenia i włączyć to, ponieważ obie przestrzenie nazw są uruchamiane dla podstawowego zdarzenia "zmiana", co prawie oznacza, że ​​musisz użyć "tylko" przestrzeni nazw lub bez przestrzeni nazw.

Mam nadzieję, że to trochę pomaga.

Answer 2

Trasy wpis z Bind to all namespaces of custom jquery event

---

Spróbuj triggerAll zamiast trigger:

(function($) { 
    $.fn.triggerAll = function(topics, data, delimiter) { 
     return this.each(function() { 
      var $this = $(this), chain = [], t = ''; 
      delimiter = (delimiter || '.'); 
      // rebuild chain 
      $.each(topics.split(delimiter), function(i,n) { 
       t += (i == 0 ? '' : delimiter) + n; 
       chain.push(t); 
      }); 

      // append/prepend original topic? 
      data = (data || []); 
      data.push(topics); 
      $.each(chain, function(i,t) { 
       $this.trigger(t, data); 
      }); 
     }); 
    }; 
})(jQuery); 

prawda, ze względu na to, jak jQuery obsługuje wyzwalanie przestrzeni nazw, wyzwalając "root" zdarzenie rzeczywiście wyzwala przestrzeni nazw wersje , więc aby uzyskać to, czego się spodziewasz, musisz użyć innego znaku do separatora, na przykład /, a następnie zadeklaruj swoje wydarzenia, takie jak:

var $o = $('#whatever'); 
// this will be triggered for all events starting with 'root' 
$o.on('root', function() { console.log(Array.prototype.slice.call(arguments, 0)); }); 
// some arbitrary way to fire custom events 
$o.on('click', function() { 
    $o.triggerAll('root/custom1/subA', ['1st', '2nd'], '/'); 
    $o.triggerAll('root/custom2', [3, 4, 5], '/'); 
}); 

Answer 3

To właśnie użyłem do porównania istniejącego motywu na każdym elemencie li i zastąpić nowym niestandardowego tematu .....

$('li').each(function(index) { 
        var oT = $(this).attr('data-theme'); 
        var li_item = $(this).attr(index); 

        $('#li_item ').mousedown(function() { 

         if(oT=='a') 
         { 
          $(this).removeClass('ui-btn-up-' + a').addClass('ui-btn-up-' + 'c').attr('data-theme', 'c'); 
         } 

        }); 

        $('#li_item ').mouseup(function() { 


         if(oT=='c') 
         { 
          $(this).removeClass('ui-btn-up-' + 'c').addClass('ui-btn-up-' + 'a').attr('data-theme', 'a'); 
         } 

        }); 

});