Pridávanie a odstránenie záložiek / piluliek na bootstrap - jquery, twitter-bootstrap

Rád by som použil bootstrap vstavaný v tabuľkáchmôj web, ale potrebujem, aby používatelia mohli pridávať alebo odstraňovať karty sami. Videl som niekoľko ukážok z jqueryUI kariet, ktoré umožňujú užívateľovi ich pridávať alebo odstraňovať a viem, že bootstrapové karty sú sami jquery, takže viem, že by mal byť jednoduchý skript, ktorý by mohol pridať túto funkciu, ale ja jednoducho " t to na to. Každý, kto vie, ako to urobiť?

odpovede:

Záložky sa aktivujú individuálne, takže by ste mali byť schopní jednoducho pridať / odstrániť prvok z DOM a zavolať $().tab("show").

Povedzme, že máte existujúce karty:

<div class="tab-content">
<div class="tab-pane" id="existingTab">..</div>
</div>

Príklad pridania novej karty:

$(".tab-content")
.append(
$("<div></div>")
.addClass("tab-pane")
.attr("id", "newTab")
);

$("#newTab").tab("show");

Tým sa vytvorí nová karta.