दिलचस्प पोस्ट
टेम्पलेट पैरामीटर के लिए 'क्लास' या 'टाइपनाम' का उपयोग करें? एक प्रकार के ऑब्जेक्ट serializing करते समय एक परिपत्र संदर्भ का पता चला था 'सबसोनिक.Schema .DatabaseColumn' कंसोल पर एक ही जगह में मैं आउटपुट कैसे लिखूं? एक व्युत्पन्न वर्ग में संरक्षित सदस्यों तक पहुंच प्रोटोकॉल स्वयं के अनुरूप नहीं है? MySQL में कैसे 'सम्मिलित करें यदि मौजूद नहीं है' कैसे करें? गिट में एक फ़ाइल का केवल एक हिस्सा जमा करें सी # में संदर्भित XSD के विरुद्ध एक्सएमएल की पुष्टि करना क्या अस्थिर हैशप कुंजी एक खतरनाक अभ्यास है? पुनरावर्ती या परिवर्तन? मानक JSON एपीआई प्रतिक्रिया प्रारूप? एंड्रॉइड ऐप पर ट्विटर एकीकरण अनाम / अनाम नामस्थान बनाम स्थिर कार्य गेटवे.sandbox.push.apple.com से कनेक्ट करते समय "त्रुटि सत्यापित करें: num = 20" स्प्रिंग एमवीसी: सत्यापन, पोस्ट-रीडायरेक्ट-गियर, आंशिक अपडेट, आशावादी संवाहक, फील्ड सुरक्षा

एकाधिक ईवेंट हैंडलर के साथ एक चयनकर्ता के साथ 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 })