Sweetalert2 allowOutsideClick无法在烤面包模式下使用,关闭按钮也不会显示在右侧

时间:2018-07-26 09:12:01

标签: javascript sweetalert sweetalert2

我正在使用https://sweetalert2.github.io/中的Sweetalert2,这是我的配置

  swal({
      title: 'Success!',
      type: 'success',
      toast: true,
      html: response.message,
      showCloseButton: true,
      showCancelButton: true,
      allowEscapeKey: true,
      allowOutsideClick: true,
      //focusConfirm: false,
      confirmButtonText: 'Continue Shopping',
      confirmButtonAriaLabel: 'Continue Shopping',
      cancelButtonText: '<a href="' + cartLink + '" style="color:white;">View Cart and Checkout</a>',
      cancelButtonColor: '#ff6d02',
      cancelButtonAriaLabel: 'Cart',
  });

这是结果

swal

因此,问题在于outsideclick的true配置不起作用,并且关闭按钮不在右侧。我该如何解决?

1 个答案:

答案 0 :(得分:1)

我是SweetAlert2的作者,感谢您发布此问题。

1。关闭按钮

  

关闭按钮不在右侧

此问题已在最新版本(v7.26.4)中修复,请更新您的依赖关系。

2。 allowOutsideClick参数

allowOutsideClick参数与吐司不兼容,因为吐司是modeless,并且没有背景。在最新版本中,您将收到有关与Toasts参数不兼容的控制台警告:

image