Question

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

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

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

package main
import (
    "fmt"
    "log"
    "strconv"
)
func main() {
    num := 111555
    s := strconv.Itoa(num)
    pos := 3 // first 3 digits, others
    part1 := s[:pos]
    part2 := s[pos:]
    num1, err := strconv.Atoi(part1)
    if err != nil {
        log.Fatal(err)
    }
    num2, err := strconv.Atoi(part2)
    if err != nil {
        log.Fatal(err)
    }
    fmt.Println(num1, num2)
}

JSFiddle

感谢。

Answer 1

目标参数需要与document.getElementById（＆＃39; myDiv＆＃39;）一起使用，而不是＆＃34; .myClass＆＃34;

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

所有目标参数都可以让你确定sweetalert2 div附加到哪个div或元素。默认值为＆lt; body＆gt;但如果你指定一个div，你仍然会得到一个全屏覆盖，代码只是附加到你选择的div中。

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

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

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

但这只有在你的div为空时才有效，只要你在div中放入任何东西，警报就会在任何内容下面偏移。

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

1 个答案: