如何使sweetalert2与链接（href）一起使用？

Question

使用链接（href）时显示sweetalert2有问题。如果您指定路径，例如<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>