Div "swal2-container" все еще виден после использования swal2 с перенаправлением и возвращением - PullRequest
Новая
       23

Div "swal2-container" все еще виден после использования swal2 с перенаправлением и возвращением

0 голосов
/ 10 апреля 2019

Я использую swal2, чтобы получить диалоговое окно подтверждения на странице (sourcepage.html) после нажатия на ссылку перед перенаправлением на другую страницу (targetpage.html). Пока это хорошо работает. Однако после перенаправления на targetpage.html и необходимости вернуться назад с помощью кнопки «назад» браузера к sourcepage.html страница «затемняется» и больше не может быть использована, так как <div class="swal2-container .....> все еще там и полностью покрывает страницу. Если я нажму «перезагрузить» на этой странице, контейнер исчезнет.

Вот мой текущий код:

HTML 

<a href="#" onclick="JSconfirm()">Redirect me to targetpage.html</a>

JS 

function JSconfirm(){
swal.fire({
title: "Redirect",
type: "warning",
html: "Here comes custom text with html",
showCancelButton: true,
closeOnConfirm: true,
closeOnCancel: true,
confirmButtonColor: "#DD6B55",
cancelButtonText: "No",
confirmButtonText: "Yes"
}).then(function (result) {
 if (result.value) {
    window.location = "targetpage.html";
 }
 });
}

Что я могу сделать, чтобы убедиться, что этот div больше не виден. Он должен быть «удален» из sourcepage.html после нажатия «да», чтобы подтвердить, что он будет перенаправлен на «targetpage.html».

Большое спасибо

1 Ответ

0 голосов
/ 11 апреля 2019

Я сам нашел решение

Добавление swal.close и тайм-аут перед перенаправлением сделали свое дело. 

}).then(function (result) {
 if (result.value) {
    swal.close();
   setTimeout (
   () => {
    window.location.href  = "targetpage.html";
},
  1 * 500
);
}});
}
...