zdarzenie jQuery nie działa po dołączyć

Question

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

zdarzenie jQuery nie działa po dopisywania. Potrzebuję wartości textarea po kliknięciu przycisku zapisu.

$('.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

Od #save są tworzone dynamicznie, należy użyć następującego Handler:

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

Updated skrzypce: http://jsfiddle.net/tymeJV/YsnhT/3/

Należy również sprawdzić swój "klik" obsługi przycisku w ten sposób, inaczej nie będzie świecić na nowo anulowane przyciski #click.

Answer 2

Zapisz tworzy dynamicznie here.So starają się za pomocą on

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

Answer 3

Wystarczy przekazać zdarzenia w formacie dynamiczna:

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

I może zrobić to samo dla:

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

Answer 4

Po dodaniu elementu należy ponownie powiązać obsługę z nim lub użyć jQuery 'S żyć funkcji(), tak jak poniżej:

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

Answer 5

sprawdzić to ...

$ (' btn ".) Kliknij (function() {

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

});.