模态对话框和调用函数之间的链接

时间:2012-04-28 13:14:07

标签: jquery twitter-bootstrap

我有一个图像列表和每个图像附带的删除按钮。

点击删除按钮我在jquery事件处理程序的帮助下使用twitter bootstrap模式打开了一个弹出窗口进行确认。

现在,当我点击弹出窗口中的确认按钮时,如何将值返回给来电者功能(删除按钮),以便我可以从dom中删除图像?

Twitter Bootstrap模式:http://twitter.github.com/bootstrap/javascript.html#modals


以下是我用来调用模型对话框的代码:

$('.close-btn').click(function(e) {
    e.preventDefault();
    $('#myModal').modal('show');
    //$(this).parents('li').remove();
});

2 个答案:

答案 0 :(得分:1)

我不确定这是否是正确的写作方式,但它对我有用:

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

答案 1 :(得分:0)

模态及其中的所有元素(表单字段,按钮,图片)已经是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
}