JQuery:选择动态创建的元素并推送到 Firebase

Question

这一切都是新手，正在尝试使用 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();

});

Answer 1

您必须将 .on() 绑定(bind)到动态添加的元素的容器上，该元素在加载时已经位于页面上，并如下所示:

$('#yourContainer').on('click', '#approve', function(){
    //your code here..
});