jquery लाइव के लिए वैकल्पिक जो

Question

पर काम कर सकता है मेरे पास यह सरल कोड है। http://jsfiddle.net/borth/BmEZv/ यदि आप एक बार लिंक पर क्लिक करते हैं, तो यह ठीक काम करता है। यदि आप दूसरी बार उस पर क्लिक करते हैं, तो यह काम नहीं करता है। डोम लोड होने के बाद एचटीएमएल में एचटीएमएल लोड होने के कारण, मैंने कोशिश की है .on, .bind, .delegate, और .live। उनमें से कोई भी काम नहीं करता है। लाइव जिसे बहिष्कृत किया जा रहा है (मैं jquery 1.7.2 का उपयोग कर रहा हूं)।

क्या कोई यह समझा सकता है कि .live एकमात्र ऐसा कार्य है जो काम करता है और क्यों अन्य काम नहीं करते हैं (या यदि मैं अन्य कार्यों के साथ कुछ गलत कर रहा हूं)।

---

$(document).ready(function(){ 
    $(".OpenPopup").bind('click', function(e){ 
     alert('test .OpenPopup'); 
     // do something 
     return false; 
    }); 
    $(".EditIcon").bind('click', function(){ 
     alert('test .EditIcon'); 
     // do something 
     $("#ABC").html('<div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="EditText">click here again</div>'); 
    }); 
}); 


<div id="ABC"><div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="EditText">click here</div></div> 

Answer 1

$(document).ready(function(){ 
     $(document.body).on('click', ".OpenPopup", function(e){ 
      alert('test .OpenPopup'); 
      // do something 
      return false; 
     }); 
     $(document.body).on('click', ".EditIcon", function(){ 
      alert('test .EditIcon'); 
      // do something 
      $("#ABC").html('<div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="Edit Text">click here again</div>'); 
     }); 
    }); 

Answer 2

.on()with or without delegation इस्तेमाल किया जा सकता, नीचे पर का एक उदाहरण() के प्रतिनिधिमंडल का उपयोग कर रहा है।

$("#ABC").on('click', ".OpenPopup", function(e){ 

@Dhofca यह वास्तव में काम किया बाद

http://jsfiddle.net/BmEZv/1/

Answer 3

। मैं सिर्फ एक उदाहरण दिखा रहा हूं जिसे मैंने 'इस' कीवर्ड से आजमाया।

$(document.body).on('click', ".query-result table tr", function() { 
    var el = $(this); 
    el.closest('table').find('tr').removeClass('dotted'); 
    el.addClass('dotted'); 
});