jQuery: बाइंड नेमस्पेस इवेंट

Question

यदि ईवेंट नामस्थान हैं तो एक मूल घटना की सभी घटनाओं को सुनना संभव है?

उदाहरण:

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

यह केवल काम करता है अगर मैं पूरी घटना नाम करने के लिए बाध्य है, लेकिन इस मैं इस स्थिति :(

Answer 1

आप कर सकते हैं में नहीं पता है कि है, लेकिन यह सही नहीं है।

उदाहरण के लिए

:।

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

आपको घटना से नामस्थान निकालने की आवश्यकता है और उस पर स्विच करें, क्योंकि दोनों नामस्थान मूल "परिवर्तन" घटना के लिए निकाल दिए जाते हैं जिसका अर्थ है कि आपको "केवल" नामस्थान या नामस्थानों का उपयोग करने की आवश्यकता नहीं है।

मुझे आशा है कि इससे थोड़ा सा मदद मिलेगी।

Answer 2

क्रॉस-पोस्टिंग Bind to all namespaces of custom jquery event

---

से triggerAll बजाय 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); 

, दी की वजह से कैसे jQuery नेमस्पेसिंग ट्रिगर ट्रिगर "रूट" घटना वास्तव में namespaced संस्करणों आग संभालती , इसलिए आपको उम्मीद है कि आपको / जैसे डेलीमीटर के लिए किसी अन्य चरित्र का उपयोग करने की आवश्यकता होगी, और फिर अपनी घटनाओं की घोषणा करें:

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

..... यह है कि मैं क्या प्रत्येक li तत्व पर मौजूदा विषय की तुलना करने और नए कस्टम विषय के साथ बदलने के लिए इस्तेमाल किया है है

$('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'); 
         } 

        }); 

});