javascript - 自定义确认对话框无法正常工作

Question

我使用 Bootstrap 和 Jquery 创建了自定义对话框，例如 Alert 和ConfirmDialog。

这里是示例:http://jsfiddle.net/eb71eaya/

问题 - 在回调中我进行 ajax 调用，如果返回 true - 我会显示状态为成功的警报，否则 - 错误。但当请求进行删除时，此警报不会显示。 (在示例中，我没有发出 ajax 请求，只是显示警报，但这也不起作用。)

    function getEsrbAlertDialog(title, msg, callBack, obj) {
    var esrbAlertDialog = $('#esrb-dialog');
    if (esrbAlertDialog.length == 0) {
        esrbAlertDialog = getEsrbDialog(title, msg);
    } else {
        $('.modal-title', esrbAlertDialog).html(title);
        $('.modal-body', esrbAlertDialog).html(msg);
    }

    $('.modal-footer div', esrbAlertDialog).empty();
    $('.modal-footer div', esrbAlertDialog).append('<button class="btn btn-primary pull-right close-btn">Close</button>');

    $('.close-btn', esrbAlertDialog).unbind('click').click(function () {
        if (typeof callBack === "function") {
            todo = callBack(obj);
        }
        esrbAlertDialog.modal('hide');
    });

    return esrbAlertDialog;
};

我想在确认对话框关闭时执行回调。

<小时/>

更新:我理解这样的逻辑:当用户单击“确定”按钮时，必须关闭对话框。当它已经关闭时，触发事件“hidden.bs.modal”，该事件必须执行回调。但是 CallBack 在确认对话框完成隐藏之前执行。

Answer 1

这一行:

esrbConfirmationDialog.modal('hide');

正在隐藏第二个对话框。

<小时/>

编辑:两个对话框使用相同的 div 作为引用:

var esrbAlertDialog = $('#esrb-dialog');

创建单独的对话框，一个用于警报，一个用于确认。