Wenn ich hierher gehe
http://getbootstrap.com/2.3.2/javascript.html#modals
Und klicken Sie auf "Demo modal starten", um das erwartete Ergebnis zu erzielen. Ich verwende das Modal als Teil meines Anmeldevorgangs und es ist eine serverseitige Validierung erforderlich. Wenn es Probleme gibt, möchte ich den Benutzer mit den angezeigten Validierungsnachrichten auf dasselbe Modal umleiten. Im Moment kann ich nicht herausfinden, wie das Modal außer einem physischen Klick des Benutzers angezeigt werden kann. Wie kann ich das Modell programmgesteuert starten?
'<a href='#'>
und der Handler nichtreturn false
oder nichtpreventDefault
im Handler angezeigt wird. Der Browser führt die Anweisungen aus und scrollt zum Standardanker - dem oberen Rand der Seite. Ich habe mich mehrmals beißen lassen, da unser CSS manchmal darauf angewiesen ist, einhref
passendes Set für das Styling zu haben.Sie sollten data-toggle = "modal" nicht in das Element schreiben, das das Modal ausgelöst hat (wie eine Schaltfläche), und Sie können das Modal manuell anzeigen mit:
und verstecke dich mit:
quelle
Wenn Sie nach einer programmatischen Modalerstellung suchen, werden Sie dies vielleicht lieben:
http://nakupanda.github.io/bootstrap3-dialog/
Obwohl das Modal von Bootstrap eine Javascript-Methode für die Modalerstellung bietet, müssen Sie zuerst die HTML-Markups von Modal schreiben.
quelle
HTML
JS
DEMO JSFIDDLE
quelle
Sie können das Modell über jquery (Javascript) anzeigen.
Demo: hier
oder Sie können einfach die Klasse "verstecken" entfernen
.
quelle
Ich wollte das
angular (2/4)
so machen, hier ist was ich gemacht habe:Wichtige Dinge zu beachten :
visible
ist eine Variable (Boolescher Wert) in der Komponente, die die Sichtbarkeit des Modals bestimmt.show
undin
sind Bootstrap-Klassen.Ein Beispiel Komponente & html
Komponente
Html
quelle
Der folgende Code ist nützlich, um Modal in der Funktion openModal () zu öffnen und in closeModal () zu schließen:
/ * #myModal ist die ID des modalen Popups * /
quelle