jQuery घटना के बाद पर संलग्न करने के बाद काम नहीं कर रहा संलग्न

Question

http://jsfiddle.net/YsnhT/2/

Jquery घटना काम नहीं कर रहा। जब मैं सहेजें बटन क्लिक करता हूं तो मुझे टेक्स्टरेरा के मूल्य की आवश्यकता होती है।

$('.span8') 
    .on('click', 
      '.btn', 
      function() { 
     var input = $("#textarea").val(); 
     alert(input); 
    }); 

$('body').on('click','#createNote',function() {    $('.span8').empty(); 
       $('.span8').append('<button type="button" class="btn" style="float: right; margin-right: 8px;background-color:#dddddd;font-family:Roboto Slab;color: black" id="save" data-loading-text="Saving...">Save</button><div class="hero-unit"><input type="text" style="width: 100%" id="title" placeholder="Title"/>'+ 
       '<textarea contenteditable="true" id="textarea" class="textarea" placeholder="Enter text ..."style="width: 100%;">dd</textarea></div>'); 

      }); 

HTML:

<div class="span8"></div> 

Answer 1

#save के बाद से गतिशील रूप से बनाई गई है, तो निम्न हैंडलर का उपयोग करें:

$(document).on('click', '#save' ,function() { 
    //do stuff 
}); 

अपडेट किया गया बेला: http://jsfiddle.net/tymeJV/YsnhT/3/

आपको यह भी सुनिश्चित करना चाहिए अपने "क्लिक" बटन हैंडलर इस तरह, या नहीं तो यह नई सी पर आग नहीं लगेगा #click बटन reated।

Answer 2

बचाने गतिशील पैदा कर रही है here.So on

$(document).on('click', '#save' ,function() { 
}); 

Answer 3

का उपयोग कर आप गतिशील फ़ॉरमेट में सौंपने के लिए प्रयास करें:

$(document).on('click', '#save' ,function() { 
    //do stuff 
}) 

और शायद के लिए भी ऐसा ही:

$(document).on('click', '#click' ,function() { 
    //do stuff 
}) 

Answer 4

एक बार जब आप तत्व जोड़ चुके हैं तो आपको हैंडलर को फिर से बांधना होगा या jQuery का उपयोग करना होगा के रहते() फ़ंक्शन, इसलिए जैसे:

$('.span8 .btn').live('click', function() { 
    var input = $("#textarea").val(); 
    alert(input); 
}); 

Answer 5

जांच इस ...

$ ('btn'।) पर क्लिक करें (function() {

var input = $("#textarea").val(); 
    alert(input); 

});।