javascript - 在页面加载时使用 SweetAlert2 作为弹出窗口

Question

一旦页面完成加载，我正在尝试将SweetAlert2用作“弹出框”。“弹出框”覆盖下方是正常内容。

• “弹出框”将有2 个访问者可以点击的链接。（在框外点击不会关闭弹出框）
• 单击任何一个链接后，它将打开一个相应的新选项卡
• 如果它检测到访问者点击了这两个链接，它将解锁并将自己重定向到另一个页面。

我怎样才能做到这一点？

参考：

如何在 jquery 的 sweetalert 对话框中为 html 按钮添加事件侦听器

`http://codepen.io/html5andblog/pen/jPzPWj` (this is good but it doesn't onload and redirect)

Answer 1

这是你的作业；）[JSFIDDLE]

swal({
  html: 
    '<a href="http://example1.com" id="link1" target="_blank">link 1</a><br>' + 
    '<a href="http://example2.com" id="link2" target="_blank">link 2</a>',
  confirmButtonText: 'Continue >',
  allowOutsideClick: false,
  allowEscapeKey: false
});

// disable "Continue >" button on load
swal.disableButtons();

// handle clicks and enable "Continue >" button when all links are clicked
var clickedLinks = [];
$('body').on('click', '.swal2-modal a', function(e) {
  var link = e.target;
  if (clickedLinks.indexOf(link) === -1) {
    clickedLinks.push(link);
  }
  // when all links are clicked enable "Continue >" button
  if (clickedLinks.length === $('.swal2-modal a').size()) {
    swal.enableButtons();
  }
});