嵌套确认弹出窗口不起作用

Question

我想在点击“是”按钮时再显示一个相同的确认弹出按钮，但这不起作用，我的代码是：

$.confirm({
    text: "Are you sure you want to delete ?"
    confirm: function() { 
        $.confirm({
            text: "We are going to delete ?"
            confirm: function() { 

            },
            cancel: function() {

            }
        });
    },
    cancel: function() {

    }
});

我正在使用jquery-confirm.js。

我需要一些替代方案来实现此功能或解决此问题的方法。

Answer 1

首先需要关闭或隐藏第一个“确认”，然后打开第二个“确认”。

$.confirm({
    text: "Question 1?",
    confirm: function(button) {
        $('.confirmation-modal').on('hidden.bs.modal', function () {
            $.confirm({
              text: "Question 2?",
              confirm: function() {
                // do something 
              },
              cancel: function() {
                // do something else
              }
            });
        });
    },
    cancel: function() {
        // nothing to do
    }
})

Answer 2

正如@pmandell所说，您的配置对象无效。您需要在JavaScript对象的每个属性之后使用逗号，如下所示：

$.confirm({
    text: "Are you sure you want to delete ?",
    confirm: function() { 
        $.confirm({
            text: "We are going to delete ?",
            confirm: function() { 

            },
            cancel: function() {

            }
        });
    },
    cancel: function() {

    }
 });