So öffnen Sie ein Bootstrap-Modal mit einer bestimmten aktiven Registerkarte

8

Ich versuche, die Registerkarte innerhalb des Bootstrap-Modals geöffnet zu haben, je nachdem, auf welchen Link geklickt wird. Egal, was ich versucht habe, es wird nur auf der ersten Registerkarte geöffnet. Die zwei Links sind die folgenden:

%Vor%

und das Markup für das Modal ist hier:

%Vor%

Ich brauche das Modal, um den Link zu öffnen, auf den geklickt wird. Wenn ich zum Beispiel auf den zweiten Link klicke, öffnet sich der zweite Tab im Modal. Jede Hilfe würde sehr geschätzt werden, ich konnte nirgendwo eine Lösung finden.

Ich habe die ursprünglichen IDs im Code gelassen, wenn ich einen Fehler beim Ersetzen gemacht habe.

    
ConorJohn 12.10.2015, 15:09
quelle

3 Antworten

9

Ich habe den .modal-toggle -Elementen eine Klasse <a> hinzugefügt, die die Modale umschaltet. Außerdem habe ich einige zusätzliche Funktionen hinzugefügt, die beim Klicken ausgelöst werden und die href des angeklickten Elements erhalten. Danach verwende ich tab("show") für das <a> -Element in <li> , das mit href übereinstimmt. . (Ich habe einen Schließen-Knopf in Ihrem Modal hinzugefügt, so dass es einfacher ist, die Demo zu testen)

%Vor%

Demo-Geige

    
Ramiz Wachtler 12.10.2015, 15:45
quelle
5

Nutzen Sie das shown.bs.modal -Ereignis. Das Ereignis enthält Informationen über href des angeklickten <a> . Anschließend können Sie den Tab entsprechend ändern:

%Vor%

Ihr Code funktioniert - & gt; Ссылка

    
davidkonrad 12.10.2015 15:44
quelle
4

Sie müssen den Anker der Registerkarte ausrichten und die Funktion $.tab('show') ausführen.

Ссылка

Da Sie wissen, dass der Tab-Anker die Attribute data-toggle = tab und href = id hat, können wir einen href aus dem Link verwenden, um den Selektor für den Tab zu übernehmen.

%Vor%

DEMO: Ссылка

    
Sean Wessell 12.10.2015 15:43
quelle