ブートストラップタブを変更するためのテキストリンク？

Question

私はブートストラップのタブを使用していて、URLに基​​づいてタブを表示するためにjqueryが追加されています。私が達成したいのは、簡単なテキストリンクで同じ動作をさせることですが、私は何が欠けているのか分かりません。

<a class="xam" href="#second-tab">link to other page tab</a> 

をし、第二のタブに移動します。

だから、最初のタブにいる間、以下をクリックしてください。

<ul class="nav nav-tabs"> 
<li><a href="#first-tab" data-toggle="tab">first<i class="fa"></i></a></li> 
<li><a href="#second-tab" data-toggle="tab">second<i class="fa"></i></a></li> 
</ul> 

ここでjQueryのは、このような

var url = document.location.toString(); 
if (url.match('#')) { 
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show'); 
} 

// Change hash for page-reload 
$('.nav-tabs a').on('shown.bs.tab', function (e) { 
    window.location.hash = e.target.hash; 
}) 

Answer 1

何かありますか？

$('.xam').on('click', function(){ 
    var tab = $(this).attr("href"); 
    $('a[href="'+tab+'"]').tab('show') 
    $(tab).tab('show') 
});