как заставить sweetalert2 работать со ссылками (href)? - PullRequest
Новая
       15

как заставить sweetalert2 работать со ссылками (href)?

0 голосов

Проблема с отображением sweetalert2 при использовании ссылок (href).Если вы укажете путь, например, <a href='http://www.example.com'>,, уведомление появится и мгновенно исчезнет, ​​загружая указанный сайт, не предоставляя пользователю никаких действий, однако, если вы не укажете путь (например, <a href='#'>,, он отображается правильно.

      <ul class='menu__list'>
        <li class='menu__item'><a class='menu__link menu__link_click' href='https://www.google.com'>Google</a></li>
        <li class='menu__item'><a class='menu__link btn_test' href='#'>Botton</a> 
        </li>
      </ul>

  <script>
    $(document).on('click', '.menu__link_click, .btn_test', function () {
      swal({
        title: 'Вы покидаете страницу',
        text: "Воспроизведение будет остановлено. Продолжить?",
        showCancelButton: true,
        allowOutsideClick: false,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Да',
        cancelButtonText: 'Нет',
        background: '#28416F',
        confirmButtonColor: '#28416F',
        cancelButtonColor: '#f0f8ff1a',
      }).then((result) => {
        if (result.value) {
          swal({
            title: 'Очень жаль',
            text: "Уходим...",
            background: '#28416F',
            confirmButtonColor: '#28416F',
          })
        } else if (result.dismiss === 'cancel') {
          swal({
            title: 'Отлично',
            text: "Танцуем!",
            background: '#28416F',
            confirmButtonColor: '#28416F',
          })
        }
      })
    });
  </script>
...