標籤問題引導

Question

我正在使用引導選項卡。

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li> 
    <li><a href="#settings" data-toggle="tab">Settings</a></li> 
</ul> 

<!-- Tab panes --> 
<div class="tab-content"> 
    <div class="tab-pane active" id="home"> 
     <h4>Horizontal description lists will truncate terms that are too.</h4> 
    </div> 
    <div class="tab-pane" id="settings"> 
     <p>narrower viewports, they will change to the default stacked layout. 
     <a href="#" id="read">Read Reviews</a> 
    </p> 
    </div> 
</div> 

有一個ID read。我想點擊此ID打開主頁選項卡，並希望激活主頁選項卡。

Answer 1

你可以在你的頁面上添加下面的jquery。

$('#read').click(function() { 
    $('li a[href="#home"]').trigger('click'); 
});