jQuery：將附加函數綁定到新添加的div

Question

在網頁中，div中包含的帖子數量與類名稱爲「postContainer」。下面的代碼將爲每個div添加一個按鈕。

$('.postContainer').find('.fileText') 
     .append('<button class="exbutton d1" type="button">postname</button>'); 

我的代碼工作開始，但作爲一個新的帖子出現由ajax，它的DIV沒有按鈕

Answer 1

嘗試做這樣：https://jsfiddle.net/ff2v0q6v/1/

var AJAXcontent = "Lorem <b>ipsum</b> dolor sit amet..."; // The AJAX post HTML 
 

 
// OK. now... 
 

 
var $exbutton = $("<button/>", { 
 
    "class": "exbutton d1", 
 
    type: "button", 
 
    text: "postname" 
 
}); 
 

 

 
$("<div/>", { 
 
    "class": "postContainer", 
 
    html: AJAXcontent, // 1. Insert the post content 
 
    append: $exbutton, // 2. append the button 
 
    appendTo: "body"  // 3. append the DIV wherever you want 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

$(document).ajaxComplete(function() { 
$("body").find('.postContainer').each(function(){ 
    var $this = $(this); 
    if($this.find('.exbutton').length === 0) { 
     $this.append('<button class="exbutton d1" type="button">postname</button>'); 
    } 
    }); 
});