घटनाओं के बाद पंजीकरण नहीं कर रहा है

Question

जब मैं replaceWith डोम से बाहर लाने के लिए एक तत्व, तो replaceWith इसे वापस लेता है, इसमें पंजीकृत घटनाएं आग नहीं होती हैं। मुझे बरकरार रहने के लिए घटनाओं की आवश्यकता है।

var replacement = $(document.createElement('span')); 
var original = $(this).replaceWith(replacement); 

replacement 
    .css('background-color', 'green') 
    .text('replacement for ' + $(this).text()) 
    .click(function() { 
     replacement.replaceWith(original); 
    }); 

Live demo

डेमो में, जब आप एक तत्व पर क्लिक करें, यह replaceWith का उपयोग कर एक और तत्व साथ बदल दिया है:

यहाँ मेरी जावास्क्रिप्ट है। जब आप नए तत्व पर क्लिक करते हैं, तो इसे replaceWith का उपयोग करके मूल तत्व के साथ प्रतिस्थापित किया जाता है। हालांकि, क्लिक हैंडलर अब और काम नहीं करता है (जहां मुझे लगता है कि यह चाहिए)।

Answer 1

क्योंकि जब आप मूल तत्व को प्रतिस्थापित करते हैं, तो इसके लिए बाध्य घटनाएं हटा दी जाती हैं। आप replacement.replaceWith(original) करने के लिए कॉल के बाद original पर click ईवेंट हैंडलर फिर से संलग्न करना होगा: live() और bind() पदावनत किया गया है, में:

$(function() 
{ 
    function replace() 
    { 
     var replacement = $(document.createElement('span')); 
     var original = $(this).replaceWith(replacement); 

     replacement 
     .css('background-color', 'green') 
     .text('replacement for ' + $(this).text()) 
     .click(function() 
     { 
      replacement.replaceWith(original); 
      original.click(replace); 
     }); 
    } 

    $('.x').click(replace); 
}); 

Answer 2

live events आप के लिए

Answer 3

अद्यतन क्या देख रहे हैं on() का पक्ष।

$(function() { 
$('.x').live('click', function() { 
    var replacement = $(document.createElement('span')); 
    var original = $(this).replaceWith(replacement); 

    replacement 
     .css('background-color', 'green') 
     .text('replacement for ' + $(this).text()) 
     .bind('click', function() { 
      replacement.replaceWith(original); 
     }); 
}); 
}); 

-Live घटना jQuery 1.3 और ऊपरी के साथ काम करता है:

आप live() और bind() घटनाओं का उपयोग कर सकते, यह अपने नए कोड है।

- यदि आप लाइव प्रचार का उपयोग die() फ़ंक्शन का उपयोग करना चाहते हैं।