17

このすべての初心者で、Firebase で遊んでいます。基本的に、Firebase からテキスト エントリを取得し、その横に「承認」ボタンを配置したいと考えています。ボタンをクリックすると、その特定のテキスト エントリが新しい Firebase の場所にプッシュされ、テキストがページから削除されます。ボタンとテキストを動的に作成していますが、作成したボタンと div の選択に問題があります。on() を使用する必要があることはわかっていますが、使用方法がわかりません。

ありがとう!

approveRef.on('child_added', function(snapshot) {
 var posts = snapshot.val();
 $('<div id="post">').text(posts.text).append('<button style ="button" id="approve">Approve</button>').appendTo($('#feed'));
});

$('#approve').on("click", function(){
    var text = $('#post').val();
    postsRef.push({'text':text});
    $('#post').remove();

});
4

5 に答える 5

34

.on()ロード時にすでにページにある動的に追加された要素のコンテナーにバインドする必要があり、次のようにします。

$('#yourContainer').on('click', '#approve', function(){
    //your code here..
});
于 2013-07-10T01:59:36.843 に答える