javascript - 单击自定义 HTML 按钮时无法关闭 Sweet Alert 2 模式

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

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

引用号:SweetAlter Methods