Twitter Bootstrap - Tabs und Tab-Inhalte dynamisch hinzufügen / entfernen

Vielen Dank im Voraus für alle Eingaben / Hilfe / Ratschläge ...

Ich verwende Twitter Bootstrap-Registerkarten, um einige Informationen zu organisieren. Die Registerkarten befinden sich auf einer Formularseite, und jede Registerkarte besteht aus einem "Kontaktformular", in dem der Benutzer dieser Seite mehrere Kontakte hinzufügen kann, bevor er das gesamte Formular absendet.

<div class="container">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#contact_01" data-toggle="tab">Joe Smith</a><span>x</span></li>
        <li><a href="#contact_02" data-toggle="tab">Molly Lewis</a><span>x</span> </li>
        <li><a href="#" class="add-contact" data-toggle="tab">+ Add Contact</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="contact_01">Contact Form: Joe Smith</div>
        <div class="tab-pane" id="contact_02">Contact Form: Molly Lewis</div>
    </div>
</div>

Vollständiger Code hier:http://jsfiddle.net/Harlow/zQnck/34/

Ich versuche, die Funktionalität von jQuery UIs Beispiel für "einfache Manipulation" von Registerkarten nachzuahmen. (http://jqueryui.com/tabs/#manipulation)

Was ich derzeit habe, wird einen neuen Tab hinzufügen, aber ich möchte in der Lage sein, einen neuen, eindeutigen Tab mit seiner eigenen ID (Fortsetzung des Codes, wie "contact_01, contact_02, etc.") hinzuzufügen, indem Sie auf "+ Hinzufügen" klicken "Neuer Kontakt", der immer der letzte Tab ist, aber keinen eigenen Tab-Inhaltsbereich hat. Auf der anderen Seite des dynamischen Hinzufügens von Inhalten möchte ich in der Lage sein, diese durch Klicken auf das kleine "x" auf jeder Registerkarte zu löschen.

--BEARBEITEN--

Zur Verdeutlichung ist der jQuery-Beispiel-Trigger beim Klicken auf "Neuer Tab" modal. Für meine Zwecke möchte ich nur einen neuen Tab erstellen, ohne den Namen oder Inhalt des Tabs einzugeben (der Inhalt ist immer das gleiche Kontaktformular und der Tabname stimmt mit der neu generierten ID überein - das werde ich lassen Sie es später automatisch auf den Namen des Kontakts aktualisieren.)

Antworten auf die Frage(2)

Ihre Antwort auf die Frage