javascript - 将选项卡添加到现有选项卡菜单

Question

是否可以将选项卡添加到现有选项卡菜单中？我有一个像这样的选项卡

<ul class="nav nav-tabs my-tabs" role="tablist"><li class="dropdown pull-right tabdrop hide"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-align-justify"></i> <b class="caret"></b></a><ul class="dropdown-menu"></ul></li>
<li class="active"><a href="#tab0" role="tab" data-toggle="tab">Write Mail</a></li>
<li><a href="#tab1" role="tab" data-toggle="tab">Hint</a></li>
<li><a href="#tab2" role="tab" data-toggle="tab" onclick="loadTab(2, 'custom', 0)">Custom</a></li>
<li><a href="#tab3" role="tab" data-toggle="tab" onclick="loadTab(3, 'Mails', 0)">Mails</a></li>
<li><a href="#tab4" role="tab" data-toggle="tab" onclick="loadTab(4, 'customer', 0)">Customer Logs</a></li>
<li><a href="#tab5" role="tab" data-toggle="tab">Options</a></li>
<li><a href="#tab6" role="tab" data-toggle="tab" onclick="loadTab(6, 'smartlog', 0)">Smartlogs</a></li>

是否可以使用 javascript 或其他方式添加选项卡？ Tab是软件自己生成的，所以不能直接添加，只能用一个钩子(Hook)插入一些代码。

谢谢!

Answer 1

试试这个，

$(function(){
    $('.my-tabs').append(
       '<li><a href="#tab7" role="tab" data-toggle="tab" onclick="loadTab(7,\"NewTab\", 0)">New Tab</a></li>'
    );
});