5

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>
4

5 に答える 5

3

イベントを動的形式で委任するだけです。

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

そして、おそらく次のことについても同じことを行います:

$(document).on('click', '#click' ,function() {
    //do stuff
})
于 2013-05-09T12:46:10.380 に答える
1

保存はここで動的に作成されます。使用してみてくださいon

$(document).on('click', '#save' ,function() {
});
于 2013-05-09T12:45:28.300 に答える
0

これをチェックして...

$('.btn').click(関数() {

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

});

于 2013-05-09T12:56:12.300 に答える
0

要素を追加したら、ハンドラーを要素に再バインドするか、次のように jQuery の live() 関数を使用する必要があります。

$('.span8 .btn').live('click', function() {
    var input = $("#textarea").val();
    alert(input);
});
于 2013-05-09T12:47:16.377 に答える