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>

修改

根据以下评论，使用javascript是一种更好的方法：

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

Bootstrap：如何使用菜单栏中的开关标签？

1 个答案: