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>'); 
    } 
    }); 
});