甜蜜警惕2 - 在div中間的位置swal

Question

我需要在div中間放置swal。 根據文檔： https://sweetalert2.github.io/

它可以用「目標」參數完成，但它不適合我。

我已經準備了以下的jsfiddle證明問題：

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

JSFiddle

感謝。

Answer 1

目標PARAM需要通過document.getElementById（「myDiv」），而不是「.myClass」使用

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

所有目標PARAM確實是讓你確定哪些股利或元素sweetalert2 DIV得到附加到。默認是<正文>但如果您指定一個div，您仍然可以獲得全屏覆蓋，該代碼將簡單地添加到您選擇的div中。

這樣的工作，你周圍可以提供在樣式表的一些覆蓋CSS：

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

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

但是這一點，如果你的div是空只會工作，只要你把任何東西在div，警報將在任何內容下面都會被抵消。