选项卡问题引导程序

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');
});