Bootstrap：如何使用菜单栏中的切换选项卡？

Question

我已经在我的身体中建立了合理的标签。相同的选项卡是导航菜单中的子菜单（下拉菜单）。单击下拉菜单时如何直接从菜单中切换选项卡？

这是我尝试过的代码。 这是导航菜单。

<ul class="dropdown-menu">
    <li><a href="#letenky" data-toggle="tab">EMPRESA</a></li>
    <li><a href="#hotel" data-toggle="tab">CLIENTES</a></li>
    <li><a href="#auto" data-toggle="tab">NA MÍDIA</a></li>
</ul>

这通常是标签的代码。

<ul id="tabs" class="nav nav-tabs nav-justified" data-tabs="tabs">
    <li><a href="#letenky" data-toggle="tab">
        <p>EMPRESA</p>
    </a></li>
    <li class="active"><a href="#hotel" data-toggle="tab">
        <p>CLIENTES</p>
    </a></li>
    <li><a href="#auto" data-toggle="tab">
        <p>NA MÍDIA</p>
    </a></li>
</ul>

作为参考，这是最终的布局。 http://aijaz.co/angloamerican/clientes.html

谢谢。

Answer 1

您需要做的就是将data-toggle="tab" 属性添加到您的链接：

<ul class="dropdown-menu">
    <li><a href="#letenky" data-toggle="tab">EMPRESA</a></li>
    <li><a href="#hotel" data-toggle="tab">CLIENTES</a></li>
    <li><a href="#auto" data-toggle="tab">NA MÍDIA</a></li>
</ul>

编辑

基于下面的 cmets，这将是使用 javascript 的更好方法：

$('.dropdown-menu a').on('click', function() {
    $('#tabs').find('a[href='+$(this).prop("href")+']').click();
});