Не удается закрыть модал Sweet Alert 2 при нажатии кнопки HTML

Question

Мне очень тяжело отлаживать это. Я использую пользовательский параметр HTML из SweetAlert2 . Чего я хочу добиться, так это чтобы всякий раз, когда я нажимал кнопку «Назад», я хотел закрыть модальное окно. Я прочитал документацию. мы можем использовать 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

Answer 2

Просто добавьте: onclick="swal.closeModal(); return false;" внутри вашей кнопки HTML, как это:

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