既存のタブメニューにタブを追加

既存のタブメニューにタブを追加することは可能ですか？私が持っている既存のタブメニューにタブを追加

<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や何か他のものでタブを追加することは可能ですか？タブはソフトウェア自身によって生成されるので、私はそれを直接追加することはできません - いくつかのコードを挿入できるフックでのみ。

ありがとうございます！

出典

2017-01-04 bady

、このように試してみてくださいはい、あなたはJS/jQueryのを使用して新しい 'li'タグを追加/挿入することができます。クリックハンドラを外部スクリプトに移動し、データ属性を使用して引数を選択することをおすすめします。そうすれば、新しいタブを追加してクリックイベントを処理することも容易になります。 –

@MohitBhardwajと合意して、これを自動化してみてください。 Rohanのソリューションを一般化し、コード内のすべてのタブを生成します。 – Mouser

参照先：
http://stackoverflow.com/questions/20673959/how-to-add-new-li-to-ul-onclick-with-javascript –

は

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

出典

2017-01-04 11:33:03

既存のタブメニューにタブを追加

答えて

関連する問題