Wie verstecke ich das vorherige Modal von Bootstrap, wenn ich ein neues öffne?

Ich habe solche Probleme: Ich habe eine Authentifizierung, die mit Bootstrap-Modalen durchgeführt wird.

Wenn der Benutzer das Anmeldemodal öffnet, kann er zum Anmeldemodal (oder zu einem anderen) gehen. Also muss ich den vorherigen schließen.

Jetzt schließe ich sie so:

$(document).ready(function(){
  $("a").click(function() {
  $("#login").hide();
  $("#sign_up").hide();
 })  
});

aber wenn ich dies tue, kann ich das Anmeldemodal nicht erneut öffnen (nachdem ich auf Anmelden von der Anmeldung geklickt habe), bis ich die Seite aktualisiere.

Kann jemand vorschlagen, wie ich überprüfen kann, auf welches Modal ich auf den Link klicke und ihn schließe, wenn ich einen anderen anrufe? Gibt es eine universelle Möglichkeit, das vorherige Modal zu schließen?

Sie verstecken Bootstrap-Modale mit:

$('#modal').modal('hide');

Sprichwort $().hide() macht das übereinstimmende Element unsichtbar, aber was den modalbezogenen Code betrifft, ist es immer noch da. Siehe Abschnitt Methoden im Modale Dokumentation.

Schalten Sie beide Modalitäten um

$('#modalOne').modal('toggle');
$('#modalTwo').modal('toggle');

Das Beste, was ich tun konnte, ist

$(this).closest('.modal').modal('toggle');

Dadurch wird das Modal abgerufen, das das DOM-Objekt enthält, auf dem Sie das Ereignis ausgelöst haben (vorausgesetzt, Sie klicken auf eine Schaltfläche). Ruft das nächste übergeordnete Element „.modal“ ab und schaltet es um. Funktioniert offensichtlich nur, weil es sich innerhalb des Modals befindet, auf das Sie geklickt haben.

Sie können dies jedoch tun:

$(".modal:visible").modal('toggle');

Dadurch wird das angezeigte Modal abgerufen (da Sie jeweils nur eines geöffnet haben können) und das ‘Umschalten’ ausgelöst. Dies würde ohne “:visible” nicht funktionieren.