添加类到甜蜜警报

时间:2018-02-26 10:12:18

标签: javascript less sweetalert sweetalert2

我正在尝试为我的模态添加一个额外的类,以便我可以从LESS中选择它并将其背景变为透明。但是customClass不起作用。有没有其他方法可以做到这一点。顺便说一下,我已经用默认类改变了很多,所以我只需要为一个模态做这个,不能影响全局的swal。

   swal({
      title: success,
      showConfirmButton: false,
      html: true,
      customClass: ".swal-back"
   });

3 个答案:

答案 0 :(得分:3)

假设OP正在使用SweetAlert2

此后,customClass已从字符串更改为对象。

它期望如下对象:

customClass: { container: 'your-container-class', popup: 'your-popup-class', header: 'your-header-class', title: 'your-title-class', closeButton: 'your-close-button-class', icon: 'your-icon-class', image: 'your-image-class', content: 'your-content-class', input: 'your-input-class', actions: 'your-actions-class', confirmButton: 'your-confirm-button-class', cancelButton: 'your-cancel-button-class', footer: 'your-footer-class' }

撰写here时码头上的官方专线

另一方面,在使用8.12.2之前的版本时要小心,因为它存在一个与自定义类相关的已知错误,因此请靠近该版本。

与主题here相关的问题

答案 1 :(得分:2)

customClass选项已被删除。您现在需要使用className。班级名称前的句号不是必需的。

swal({
  title: success,
  showConfirmButton: false,
  html: true,
  className: "swal-back"
});

答案 2 :(得分:0)

对于sweetalert2,您可以将 customClass 与名称类一起使用。