我有一个图像列表和一个附加在每张图像上的删除按钮。
在单击删除按钮时,我已经打开了一个弹出窗口,以便在 jQuery 事件处理程序的帮助下使用 Twitter 引导模式进行确认。
现在,当我单击弹出窗口中的确认按钮时,如何将值返回给调用方函数(删除按钮(,以便我可以从 dom 中删除图像?
推特引导模式:http://twitter.github.com/bootstrap/javascript.html#modals
以下是我用于调用模型对话框的代码:
$('.close-btn').click(function(e) {
e.preventDefault();
$('#myModal').modal('show');
//$(this).parents('li').remove();
});
模态和其中的所有元素(表单字段、按钮、图片(已经是 dom 的一部分。 您只需要处理提交,单击或删除按钮所需的任何事件即可。 无需传递任何内容,因为模态已经是当前页面的一部分。
$('.close-btn').click(function(e) {
e.preventDefault();
$('#myModal').modal('show');
//$(this).parents('li').remove();
});
$('#confirmDeleteButton').click(function() {
//code here to delete the associated picture
}
我不确定这是否是正确的写法,但它对我有用:
$('.close-btn').click(function(e) {
e.preventDefault();
e.stopPropagation()
$('#myModal').modal('show');
var elm = $(this).parents('li');
$('.confirm-delete').click(function(e) {
e.preventDefault();
$(elm).remove();
$('#myModal').modal('hide')
})
});