jquery - Bootstrap : How can I use switch tabs from the menu bar?

Question

我在我的 body 里建立了合理的制表符。相同的选项卡是导航菜单中的子菜单(下拉)。单击下拉菜单时如何直接从菜单切换选项卡？

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

<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>

编辑

根据下面的评论，使用 javascript 会是更好的方法:

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