甜蜜警报2 - 在div中间位置swal

Question

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

它可以通过“目标”参数完成，但它对我不起作用。

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

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

谢谢。

Answer 1

目标参数需要与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中放入任何东西，警报就会在任何内容下面偏移。