दिलचस्प पोस्ट
जावा 7 प्रयास-के-साथ संसाधन विवरण लाभ jQuery $ ("# रेडियो बटन")। डी-सिलेक्शन के दौरान बदलाव नहीं (…) नहीं मैं Android में सीमाओं के साथ एक टेबल कैसे बना सकता हूं? सूचक अभिव्यक्ति: * ptr ++, * ++ ptr और ++ * ptr सूचना ट्रैकिंग जैसे फेसबुक (डीबी डिजाइन) वॉटरमार्क टेक्स्टबॉक्स में WinForms दस्तावेज़ आधारित डेटाबेस बनाम संबंधपरक डेटाबेस के पेशेवरों / विचार अजगर इंडेंटेशन को ठीक कैसे करें पायथन, मेटप्ललिब, सबप्लॉट: अक्ष रेंज कैसे सेट करें? क्या NOLOCK (SQL सर्वर संकेत) खराब अभ्यास है? आप ब्राउज़र इतिहास को कैसे एक्सेस करते हैं? टैब पर प्रोग्रामिक रूप से नए पेज खोलें मैं Python में DNS lookups कैसे कर सकता हूं, जिसमें / etc / hosts का संदर्भ भी शामिल है? कैसे पता लगाने के लिए कि .NET रनटाइम का उपयोग किया जा रहा है (एमएस बनाम मोनो)? क्या जावास्क्रिप्ट फ़ाइलों को टाइपस्क्रिप्ट में परिवर्तित करने के लिए कोई औजार है?

एकाधिक ईवेंट हैंडलर के साथ एक चयनकर्ता के साथ JQuery .on () विधि

किसी विशिष्ट चयनकर्ता के साथ Jquery .on () विधि का उपयोग कैसे करें, जिसके साथ कई ईवेंट जुड़े हैं मैं पहले .live () विधि का उपयोग कर रहा था, लेकिन यह सुनिश्चित नहीं है कि कैसे एक ही उपलब्धि को .on () के साथ पूरा करने के लिए। कृपया नीचे अपना कोड देखें:

$("table.planning_grid td").live({ mouseenter:function(){ $(this).parent("tr").find("a.delete").show(); }, mouseleave:function(){ $(this).parent("tr").find("a.delete").hide(); }, click:function(){ //do something else. } }); 

मुझे पता है कि मैं कॉल करके कई घटनाओं को असाइन कर सकता हूं:

  $("table.planning_grid td").on({ mouseenter:function(){ //see above }, mouseleave:function(){ //see above } click:function(){ //etc } }); 

लेकिन मुझे विश्वास है कि .on का उचित उपयोग ऐसा होगा:

  $("table.planning_grid").on('mouseenter','td',function(){}); 

क्या इसको मदद देने का कोई तरीका है? या यहाँ सबसे अच्छा अभ्यास क्या है? मैंने नीचे दिए गए कोड की कोशिश की, लेकिन कोई पासा नहीं

 $("table.planning_grid").on('td',{ mouseenter: function(){ /* event1 */ }, mouseleave: function(){ /* event2 */ }, click: function(){ /* event3 */ } }); 

अग्रिम में धन्यवाद!

वेब के समाधान से एकत्रित समाधान "एकाधिक ईवेंट हैंडलर के साथ एक चयनकर्ता के साथ JQuery .on () विधि"

यह दूसरा रास्ता है आपको लिखना चाहिए:

 $("table.planning_grid").on({ mouseenter: function() { // Handle mouseenter... }, mouseleave: function() { // Handle mouseleave... }, click: function() { // Handle click... } }, "td"); 

इसके अलावा, यदि आपके पास एक ही फ़ंक्शन को चलाने वाले एक ही चयनकर्ता से जुड़ी कई ईवेंट हैंडलर होते हैं, तो आप इसका उपयोग कर सकते हैं

 $('table.planning_grid').on('mouseenter mouseleave', function() { //JS Code }); 

मैंने यहां से कुछ बहुत ही उपयोगी और मौलिक सीखा है।

चेनिंग फ़ंक्शन इस मामले में बहुत उपयोगी है जो फ़ंक्शन आउटपुट सहित अधिकांश jQuery फ़ंक्शंस पर काम करता है।

यह काम करता है क्योंकि अधिकांश jQuery फ़ंक्शंस का उत्पादन इनपुट ऑब्जेक्ट्स हैं ताकि आप उन्हें तुरंत उपयोग कर सकें और इसे छोटा और चालाक बना सकें

 function showPhotos() { $(this).find("span").slideToggle(); } $(".photos") .on("mouseenter", "li", showPhotos) .on("mouseleave", "li", showPhotos); 

और आप इस तरह से उसी घटनाओं / कार्यों को जोड़ सकते हैं:

 $("table.planning_grid").on({ mouseenter: function() { // Handle mouseenter... }, mouseleave: function() { // Handle mouseleave... }, 'click blur paste' : function() { // Handle click... } }, "input"); 

निम्न कोड के साथ प्रयास करें:

 $("textarea[id^='options_'],input[id^='options_']").on('keyup onmouseout keydown keypress blur change', function() { } ); 

यदि आप अलग-अलग कार्यक्रमों पर समान फ़ंक्शन का उपयोग करना चाहते हैं, तो निम्न कोड ब्लॉक का उपयोग किया जा सकता है

 $('input').on('keyup blur focus', function () { //function block })