我想在我的网站中使用 bootstrap 的内置选项卡,但我需要用户能够自行添加或删除选项卡。我看过几个 jqueryUI 选项卡的演示,允许用户添加或删除它们,而且我知道 bootstrap 的选项卡本身就是 jquery,所以我知道添加该功能应该是一个非常简单的脚本,但我就是想不通出来。有人知道该怎么做吗?
最佳答案
Tabs are activated individually ,因此您应该能够简单地从 DOM 添加/删除元素并调用 $().tab('show')
。
假设您有现有的选项卡:
<div class="tab-content">
<div class="tab-pane" id="existingTab">..</div>
</div>
添加新选项卡的示例:
$('.tab-content')
.append(
$('<div></div>')
.addClass('tab-pane')
.attr('id', 'newTab')
);
$('#newTab').tab('show');
这将出现一个新选项卡。
关于jquery - 添加和删除 Twitter Bootstrap 选项卡/药丸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10238697/