दिलचस्प पोस्ट
Django में विदेशी कुंजी ऑब्जेक्ट Serializing एकाधिक गतिविधियों से Google प्लस क्लाइंट तक पहुंचें एक खाली डेटा। फ्रेम बनाएं एक जावा सर्वलेट में एक HTML रिस्पांस उत्पन्न करें SQL बैकएंड के खिलाफ LINQ के लिए स्केलेबल में शामिल विधि ASP.NET MVC सापेक्ष पथ टाइमर, घटना और कचरा संग्रहण: क्या मैं कुछ भूल रहा हूं? समय के लायक सूक्ष्म अनुकूलन क्या है? अनुरोध एन्निमेशनफ़्रेम के साथ एफपीएस पर नियंत्रण करना है? SqlDataReader से JSON में परिवर्तित करें jQuery – एकाधिक $ (दस्तावेज़) .ready …? GitHub में दूरस्थ परिवर्तन कैसे मर्ज करें? एक शब्द को एकल शब्दों में विभाजित करें एफओपी में आर और आरबी के बीच अंतर क्या है क्या आपको जीसीडी में एक ब्लॉक के भीतर एक एनएसएएसयूटीओरियस पोल बनाने की आवश्यकता है?

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

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

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