如何将锚点 <a> 标记/html 添加到 Swal 调用

Question

我正在尝试向我的 swal 标签添加锚标签（我正在使用 Sweetalert 和 cdn）。有什么方法可以专门用 jQuery 来做到这一点（ 而不是 Angular/React）？

我已经尝试使用具有 link 值的变量，如下所示：

swal({
text: "foo",
content: "link" + (backtick)<a href="link">Link</a>(backtick)
});

但是为什么这不起作用？

谢谢。

Answer 1

正如@Louys 在上面的评论中指出的那样，使用 SweetAlert2（最新的）

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

然后你可以使用 html 字段，像这样：

Swal.fire({
  title: '<strong>HTML <u>example</u></strong>',
  icon: 'info',
  html:
    'You can use <b>bold text</b>, ' +
    '<a href="//sweetalert2.github.io">links</a> ' +
    'and other HTML tags'
})

使用 'template literal' - 反引号 (`) - 您可以插入变量并添加 link，如下所示：

var my_link = 'http://google.com';
Swal.fire({
  title: '<strong>HTML <u>example</u></strong>',
  icon: 'info',
  html: `<a href="${my_link}">Click here!</a>`
})

如何将锚点 <a> 标记/html 添加到 Swal 调用

How to add an anchor <a> tag / html to a Swal call

javascript

sweetalert