Jquery 选项卡问题引导

我正在使用引导选项卡

<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

读取

。我想在单击此id时打开“主页”选项卡，并想激活“主页”选项卡

您可以在页面上添加以下jquery

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

---

您是否尝试过类似于

？它可以工作，但您必须添加一些JS，在活动选项卡上更改类您的代码在引导选项卡中工作…伙计们，代码正在工作。。。我想在单击“读取id”时同时激活“主页”选项卡及其选项卡内容容器，当我从“主页”选项卡转到“设置”选项卡时，设置选项卡应以激活状态打开。