Question

我很难调试它。我正在使用SweetAlert2中的自定义HTML参数。我想要实现的是，每当我单击“后退”按钮时，我都想关闭模态。我确实阅读了文档。我们可以使用swal.close（）或swal.closeModal（）。但是当我这样做时，我无法在返回按钮上关闭模式。下面是代码。

//declare custom html
        const cancelBtn      = `<button class="cancelSwalBtn" id="standardCancelBtn" >Back</button>`;
        const removeAddOnBtn = `<button class="removeAddonSwalBtn" id="standardRemoveAddonBtn">Remove Add-ons</button>`;
        const proceed        = `<button type="button" role="button" tabindex="0" class="proceedSwalBtn" id="standardProceedBtn">Proceed</button>`;
        const html           = `<p>Your voucher does not cover the cost additional of addons. </p><div class="btn-holder">${cancelBtn}${removeAddOnBtn}${proceed}</div>`;

        //custom swal
        swal({
            type: 'info',
            title: 'Info',
            html: `${html}`,
            width :700,
            showCancelButton: false,
            showConfirmButton:false,
            onOpen: (swal) => {
                //close btn
               $(swal).find('#standardCancelBtn').click(function (e) {
                   console.log('in');
                   swal.close();
                   //swal.closeModal();
               })
            }

        }).then((result) =>{
            console.log(result);
        });

Answer 1

只需在HTML按钮内添加onclick="swal.closeModal(); return false;"，如下所示：

const cancelBtn = `<button class="cancelSwalBtn" id="standardCancelBtn" onclick="swal.closeModal(); return false;">Back</button>`;

Answer 2

swal.close()或swal.closeModal()应该可以工作。

参考号：SweetAlter Methods

Answer 3

onclick="swal.close(); return false;"

无法关闭自定义HTML按钮上的Sweet Alert 2 Modal单击

3 个答案: