我使用 $(select).append() 方法在 div 中添加了一个 div，但我希望它在单击图像时关闭它，所以我添加了图像和另一个 $(select).button()。点击({ $(select).hide() });但是单击关闭图像时没有任何反应....
$(document).ready(function() {
$("#subCre").click(function() {
cust = $("#customer").val();
address = $('#address').val();
phone = $('#phone').val();
amt = $('#initamount').val();
user = '<%= session.getAttribute("user").toString()%>';
type = '<%=session.getAttribute("type").toString()%>';
alert(cust + address + phone + amt + user + type);
$.post("../processor/proc2.jsp",
{
customer: cust,
address: address,
phone: phone,
initamount: amt,
user: user,
type: type
},
function(data, status) {
if (status === "success") {
if(data.length == 11) {
$("#SystemMessages").append('<div class="Msg draggable"><img class="close" src="../mime/close.png">Account Added</div>'); // **Here one div
} else {
$("#SystemMessages").append('<div class="errorMsg draggable"><img class="close" src="../mime/close.png">'+ data + '</div>'); //** here 2nd div
}
$("#customer").val("");
$('#address').val("");
$('#phone').val("");
$('#initamount').val("");
}
});
$(".close").button().click(function() {
$(".close").parent().css("visibility", "hidden");
});
});
最佳答案
你需要对动态追加的元素使用事件委托(delegate)
$('#SystemMessages').on('click','.close',function(){
$(this).parent().css("visibility", "hidden");
});
事件委托(delegate)---> https://learn.jquery.com/events/event-delegation/
关于javascript - jquery div 不响应其他 javascript/jquery 方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23059167/