Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 添加和删除twitter引导标签/药丸_Jquery_Twitter Bootstrap - Fatal编程技术网

Jquery 添加和删除twitter引导标签/药丸

Jquery 添加和删除twitter引导标签/药丸,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我想在我的站点中使用bootstrap的内置选项卡,但我需要用户能够自己添加或删除选项卡。我看过几个jqueryUI选项卡的演示,它们允许用户添加或删除它们,我知道bootstrap的选项卡本身就是jquery,所以我知道添加该功能应该是一个非常简单的脚本,但我就是想不出来。有人知道怎么做吗?,因此您应该能够简单地从DOM中添加/删除元素并调用$().tab('show') 假设您有现有的选项卡: <div class="tab-content"> <div class="

我想在我的站点中使用bootstrap的内置选项卡,但我需要用户能够自己添加或删除选项卡。我看过几个jqueryUI选项卡的演示,它们允许用户添加或删除它们,我知道bootstrap的选项卡本身就是jquery,所以我知道添加该功能应该是一个非常简单的脚本,但我就是想不出来。有人知道怎么做吗?

,因此您应该能够简单地从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');
$(“.tab内容”)
.附加(
$('')
.addClass(“选项卡窗格”)
.attr('id','newTab')
);
$('newTab').tab('show');

这将显示一个新选项卡。

非常感谢您的帮助,但我不知道如何应用它。基本上,我希望有一个按钮,就像在任何浏览器中一样,当你点击它时,会出现一个包含特定内容的新选项卡。我现在已经尝试了几种不同的方法来实现上面的代码,但似乎没有一种方法添加选项卡(或者为此做任何事情)。“我能再麻烦你几分钟吗?”戴夫,我的回答有一个更全面的例子。。您会注意到,单击选项卡并不会改变它们,这是一个JSFIDLE问题—它将在野外工作。