javascript - Sweet Alert 中的 HTML

Question

这个问题已经被回答了好几次，但似乎 Sweet Alert 已经做出了更改，并且 html:true 不再起作用，只是尝试添加可点击的 URL

文档说 不再使用 HTML。相反，请使用内容对象。 但他们并没有真正提供任何示例

下面的代码有效，但显示整个 <a href .... </a>而不仅仅是单击此处

swal({
  title: "TITLE HERE",
  //text: "<a href='#'>CLICK HERE<a>",
  html: true
});

Answer 1

这段代码应该可以工作。您现在可以将 content 与特定 DOM 元素一起使用

var el = document.createElement("a");
el.href = "www.stackoverflow.com";
el.innerText = "Click here";
swal("Write something here:", {
  content: el,
});

在这里检查: https://sweetalert.js.org/docs/#content

如示例所示，您可以将 slider 输入传递给警报

这是一个工作 fiddle https://jsfiddle.net/vq13hac4/2/