使用javascript定位ajax插入的按钮

你好我在访客上传图片时用ajax按钮插入这个图像

for (var i = 0; i < data.length; i = i + 1) {
    imageThump += '<img src="' + data[i].path + '" />';
    imageThump += '<button id="edit-details" type="button" class="btn btn-info">Edit Details</button>';
}
$('#uploaded-images-thumb').append(imageThump);

我想用javascript定位按钮,但它一直失败???

$('#edit-details').on('click', function(){
    console.log('clicked');
});

解决方法:

您需要处理动态事件(即实时事件).在DOM加载后,按钮注入DOM.

$('body').on('click', '#edit-details', function(){
    console.log('clicked');
});

注意：应该绑定到最接近的非动态父元素,而不是body.
如果#uploaded-images-thumb是非动态的,那么最好绑定它.喜欢：

$('#uploaded-images-thumb').on('click', '#edit-details', function(){
    console.log('clicked');
});

有关详细信息,请查看.on()