javascript - Sweet alert 2 - 在 div 中间定位 swal

Question

我需要在 div 中间放置一个 Swal。根据文档： https ://sweetalert2.github.io/

它可以用“目标”参数完成，但它不适合我。

我准备了以下 JSFiddle 来演示该问题：

swal({
      title: 'Hello',
      target: ".myClass"
        });

谢谢。

score 3 · Accepted Answer

目标参数需要与 document.getElementById('myDiv') 而不是 ".myClass" 一起使用

swal({
    title: 'Hello',
    target: document.getElementById('myDiv')
});

目标参数所做的只是让您确定 sweetalert2 div 附加到哪个 div 或元素。默认值为 <body> 但如果您指定一个 div，您仍将获得全屏覆盖，代码只是附加到您选择的 div 中。

作为一种解决方法，您可以在样式表中提供一些覆盖 CSS：

#myDiv .swal2-container {
    position:inherit;
    height:500px;
    width:500px;
}

<div class="myClass" id="myDiv"></div>

但这仅在您的 div 为空时才有效，只要您将任何内容放入 div 中，警报就会在任何内容下方偏移。

1 回答 1