Question

我有这个Bootstrap Nav-pills-有2个标签：

<ul class="nav nav-pills nav-fill kt-portlet__space-x" role="tablist">
    <li class="nav-item">
    <a class="nav-link active" data-toggle="pill" href="#menu11"><span> TAB1</span></a>
    </li>
    <li class="nav-item">
    <a class="nav-link" data-toggle="pill" href="#menu21"><span>TAB2</span></a>
    </li>
</ul>

在TAB2内有一个按钮，我需要更改为onclick的TAB1。有可能吗？

我尝试：

<input type="button" data-toggle="pill" href="#menu11" value="GO TO TAB1">

打开TAB1-但是..不激活tab1（仍在tab2上的“活动边框”），并且当我返回Tab2时不再起作用。

有什么主意吗？

Answer 1

我知道了

iDataArbeit$iArbeit

创建一个ID = OpenCard的按钮
使用ID = Deck更新

工作良好！：D

Answer 2

您将需要一些JS来完成您想要的工作。您将要从示例中删除按钮上的data-toggle="pill"属性。在此示例中，#theButton是您要用来切换标签的按钮的ID。

$('#theButton').on('click', function(e) {
  e.preventDefault();
  $('#menu11').tab('show');
});

作为旁注，您可能要为每个nav-link添加一些辅助功能项：

role="tab" aria-controls="menu21" aria-selected="false"

为每个标签使用适当的值替换aria-controls和aria-selected。

如何用链接更改导航链接药丸？

2 个答案: