Jquery। बनाम .live

Question

मुझे पता है कि .live() अब को हटा दिया गया है, लेकिन मैं इसे बदलने और कार्यक्षमता को रखने के लिए प्रतीत नहीं कर सकता।

मेरे पास jQuery में .on() फ़ंक्शन के बारे में एक त्वरित प्रश्न है। मैं वर्तमान में .live()here

उपयोग कर रहा हूँ तो जैसा:

$('table tr th').live("click", function() { 
}); 

लेकिन, जब मैं कोशिश करते हैं और की जगह .live().on() साथ यह अब काम करता है के रूप में यह चाहिए था।

मैं

$('table tr').live("click", "th", function() { 
}); 

और

$('table tr').delegate("th", "click", function() { 
}); 

रूप में, लेकिन कोई लाभ नहीं हुआ और साथ ही

$('table tr th').on("click", function() { 
}); 

में डालने की कोशिश की है।

यह क्यों है और इसे ठीक से काम करने के लिए मैं क्या कदम उठा सकता हूं?

Answer 1

on() समारोह, आप करने के लिए अपने कोड में कोई बदलाव करना चाहिए एक वाक्य अद्यतन की आवश्यकता है http://www.andismith.com/blog/2011/11/on-and-off/

Answer 2

मुझे लगता है कि आप tr तत्वों को अपनी तालिका में जोड़ रहे हैं, th नहीं।

$('table').on("click", "tr th", function(){}); 

Answer 3

इस प्रयास करें:

$('table tr th').live("click", function() { 

$(document).on("click", "table tr th", function() { 

होना चाहिए कि कैसे आप .live कॉल बिल्कुल नकल होगा। आप अपने चयनकर्ता को दस्तावेज़ से अपने डीओएम संरचना के आधार पर कुछ और सार्थक रूप से सीमित कर सकते हैं।

संपादित करें:

बस स्पष्ट करने के लिए, अपने उदाहरण में, आप $(document).on(... उपयोग करने के लिए है क्योंकि तालिका किसी भी माता-पिता नहीं है और अपने पृष्ठ के जीवन के दौरान बदल दिया जाता है की आवश्यकता है।

$('body').on("click", "table tr th", function()... 

अधिक जानकारी के लिए इस लेख चेक आउट::

Answer 4

सुनिश्चित करें कि चयनित तत्व (वें/tr) जब पृष्ठ प्रारंभ में लोड होता है तब मौजूद होता है। नया चयनकर्ता काम नहीं करेगा अगर यह चयनकर्ता बाद में डोम में जोड़ा जाता है।

प्रयास करें की

$('body').on('click', 'thesSelectorForYourTriggerElement', function(){ 
    //callback 
});