Es ist einfach, einen modalen Dialog mit Javascript in Bootstrap anzuzeigen.
Aber wie lässt sich das Modal beim Laden der Seite öffnen, ohne dass eine Funktion document.ready oder eine Funktion onload benötigt wird?
Ich muss eine Seite laden und das Modal bereits geöffnet haben. Ich möchte weder eine Verzögerung noch einen Übergangseffekt beim Laden der Seite. Ich möchte, dass das Modal beim Start geöffnet wird.
Ich schaue die modal.js ein bisschen an und versuche, class="modal-open" auf den Körper ohne Effekt hinzuzufügen.
Ist es möglich? Wie man es macht?
Wenn modal sichtbar wird, fügt Bootstrap dem Container it's .in class hinzu. So können Sie eine Regel in Ihrem CSS wie folgt hinzufügen und die gleiche Klasse zu modal hinzufügen - die beim Laden der Seite sichtbar sein soll.
CSS
%Vor%HTML
%Vor%Aber das wird den modalen Hintergrund nicht bringen. Also müssen Sie diese auch unten auf der Seite behalten:
%Vor%Schauen Sie sich dieses Bootstrap-Modal beim Laden der Seite an von Andres Ilich
JS
%Vor%Tags und Links javascript twitter-bootstrap