Могу ли я иметь несколько всплывающих окон Sweet Alert 2? - PullRequest
Новая
       11

Могу ли я иметь несколько всплывающих окон Sweet Alert 2?

0 голосов
/ 10 декабря 2018

В моем приложении HTML / Javascript используется модальное всплывающее окно, которое я создал с помощью сладкого оповещения 2. Давайте назовем это "Alert1" .

Alert1 использует пользовательский HTML, и внутри этого HTML есть кнопка, которую я хочу вызвать другое модальное всплывающее окно «Сладкое оповещение 2», мы назовем это «Alert2» .

Alert2 имеет две опции.«подтвердить» или «отменить». Если пользователь нажимает «отменить», я хочу вернуться к Alert1.

Вот загвоздка: пользовательский HTML-код для Alert1 можно редактировать, поэтому я не могу просто повторно вызвать код, который первоначально запустил предупреждение, потому что при этом будет показан старый HTML-код.

Вот что я попробовал: 

function clickButton(){ //This function will be attached to the button in Alert1
    var currentSwal = document.getElementById('swal2-content').innerHTML;
      swal({
      title: "Confirm 'Remove Script Page'",
      text:
        "Are you sure you want to remove this page from the script?",
      type: "warning",
      showConfirmButton: true,
      showCancelButton: true
    }).then(function(dismiss) {
      if (dismiss.dismiss == "cancel" || dismiss.dismiss == 'overlay') {
        swal.close;
        swal({
          html: currentSwal,
          showConfirmButton: false,
          customClass: 'swal-extra-wide',
          showCloseButton: true
        });
      } //end if
      else {
      //go ahead and delete the script page
      } //end else
    });
}//end function

Мое выше решение не работает.Это немного сложно объяснить, но в основном HTML-код нарушается, и все просто не работает должным образом.

TLDR / Мой вопрос: есть ли возможность иметь несколько предупреждений SweetAlert2?(т.е. запустить alert2 из alert1, а затем закрыть alert2, вернув представление в alert1?

...