スウィートアラートdivの真ん中で2ポジションスワール

Question

divの中央にSwalを配置する必要があります。 ドキュメントによると： https://sweetalert2.github.io/

これは「ターゲット」パラメータで行うことができますが、それは私のためには機能しません。

私はこの問題を示すために、次のJSFiddleを用意しています

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

JSFiddle

感謝。

Answer 1

ターゲットparamがのdocument.getElementById（「myDiv」）ではなく、「.myClass」と一緒に使用する必要があります

すべてのターゲットのparamは、あなたがsweetalert2のdiv要素が取得されdiv要素または要素を決定させているん

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

に追加されます。デフォルトは<本体>ですが、divを指定してもフルスクリーンオーバーレイが得られ、コードは選択したdivに追加されます。

あなたの周りの仕事は、あなたのスタイルシートにいくつかのオーバーライドCSSを提供することができたよう：

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

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

しかし、あなたのdiv要素が空の場合にのみ、すぐにあなたは、divの中に警報意志を何でも入れて、動作します任意のコンテンツの下にオフセットすることができます。