jQuery無法選擇新的HTML數據追加

Question

我附加了從Ajax接收到的數據，它也包含帶有bsubmit類的除法。 當頁面加載時，如果我單擊包含類bsubit的div，則執行以下函數，但是當我單擊也包含類bsubmit的新附加數據時，以下代碼不起作用。

這是代碼

     $(function() {
    $(".bsubmit").click(function() {
    var id = $(this).parent().parent().attr("id");
    var comm= document.getElementById(id).getElementsByClassName("commentadd")[0].value;


      $.ajax({
       type: "POST",
       url: "comment.php",
       data: {id:id, comm:comm},
       cache: false,
       success: function(data){
        $('.addcomment').slideUp('slow', function() {

        });

// Bottom Line not working

        $("#"+id).find(".item_comment").append(data);   // DATA Contains a div with class bsubmit
         $(data).appendTo("#"+id).find(".item_comment"); // Now these Appended Div isnt calling this function again,  Why ? I want to call them again
        $('#load').fadeOut();
      }

     });


    return false;
        });


    });

Answer 1

如果我理解您的問題：您是否嘗試過.on()方法？ （jQuery 1.7）

$(yourParentElement).on('click','.bsubmit',function() {

Answer 2

您的問題是您將click事件綁定到.bsubmit類，但是該click事件僅受到文檔中已經存在的.bsubmit攻擊，而不是新創建的。

因此，您需要做的是根據您的Jquery版本使用live（）或on（） 。

更改此行：

$(".bsubmit").click(function() {

至

jQuery Live

$(".bsubmit").live("click", function() {

要么

jQuery打開

$(".bsubmit").on("click", function() {

Answer 3

appendTo不返回父級。

$("#"+id).find(".item_comment").append(data);   
$(data).appendTo("#"+id).parent().find(".item_comment"); // Use "parent()"
$('#load').fadeOut();

但是您確實應該緩存一些DOM元素...

var id = $(this).parent().parent().attr("id");

改成：

var $parent = $(this).parent().parent();

接着：

$("#"+id).find(".item_comment").append(data);

改成：

$parent.find(".item_comment").append(data);