Ich muss ein Swal in der Mitte eines div positionieren. Entsprechend der Dokumentation: https://sweetalert2.github.io/Süßer Alarm 2 - Position Swal in der Mitte eines Div
kann es mit "Ziel" param getan werden, aber es funktioniert nicht für mich.
ich habe folgende JSFiddle bereit, das Problem zu demonstrieren:
swal({
title: 'Hello',
target: ".myClass"
});
Dank.
Das Ziel param muss mit document.getElementById verwendet werden ('myDiv') statt ".myClass"
swal({
title: 'Hello',
target: document.getElementById('myDiv')
});
das Ziel Alle param Sie die sweetalert2 div welche div oder Element bestimmen hat sich lassen wird angehängt an. Der Standardwert ist <body>, aber wenn Sie ein div angeben, erhalten Sie immer noch eine Vollbildüberlagerung, der Code wird einfach an das div Ihrer Wahl angehängt.
Als eine Arbeit um Sie einige Überschreibung CSS in Ihrem Stylesheet bieten könnte:
#myDiv .swal2-container {
position:inherit;
height:500px;
width:500px;
}
<div class="myClass" id="myDiv"></div>
Aber das funktioniert nur, wenn Ihre div leer ist, sobald Sie etwas in den div setzen, wird die Warnung unter jedem Inhalt versetzt werden.
Mögliches Duplikat von [sweetalert 2 target a div statt gesamtes Fenster?] (Https://stackoverflow.com/questions/38788590/sweetalert-2-target-a-div-rather-than-entire-window) –