我正在使用sweetalert2,sweetalert的最新版本,如何在模型中调用sweetalert?警报出现了,但实际上被模式阻止了,我得到了结果。jquery - 如何在模态内部使用sweetalert2?-LMLPHP

它实际上被模式所阻挡,我能做些什么来使其领先?谢谢!

        swal({
        title: "Are you sure?",

        type: "warning",
        confirmButtonText:"Yes",
        confirmButtonColor:"#18a689",
        cancelButtonText:"No",
        showCancelButton: true,
        showLoaderOnConfirm: true
    }).then( function () {
        $.ajax({
            url: [[@{/jobDetails/remove}]],
        type: "POST",
            data:{jobId:id,masterId:masterListId},
        success: function (result) {
            if (result=="success"){
                refreshJobDetails(masterListId)
                reWriteMainTable();
            }
        },
        error: function (thrownError) {

        }
    });
    })

最佳答案

我相信您的问题与z-index CSS属性有关。

SweetAlert2的容器默认情况下为z-index: 1060。为了增加它,您将需要在CSS样式中添加以下内容:

.swal2-container {
  z-index: {X};
}


其中{X}是大于另一个模态的z-index的数字,例如100000

关于jquery - 如何在模态内部使用sweetalert2?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45062875/

10-11 22:14