Question

我有引导标签

 <div role="tabpanel" class="menu-services">
  <!-- Nav tabs --><p></p>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a href="#front" aria-controls="front" role="tab" data-toggle="tab"><br>
    </a></li>
<li role="presentation"><a href="#back" aria-controls="back" role="tab" data-toggle="tab"><br>
    </a></li>
<li role="presentation"><a href="#management" aria-controls="management" role="tab" data-toggle="tab"><br>
    </a></li>
<li role="presentation"><a href="#speciality" aria-controls="speciality" role="tab" data-toggle="tab"><br>
    </a></li>
</ul>
<p>  <!-- Tab panes --></p>
<div class="tab-content">
<div role="tabpanel" class="tab-pane" id="front">
<div role="tabpanel" class="tab-pane" id="back">
......
</div>

完美无缺（单击选项卡 - 激活它），但现在我在WordPress中有页脚菜单项，还需要在点击时激活标签。

例如：点击的第一个菜单项激活第一个标签等。我从这个论坛尝试了很多解决方案，但没有任何效果。我需要一个jQuery脚本和示例如何在页脚菜单li项目中格式化标签，这对我的情况很有用。

Answer 1

使用javascript时，您希望捕获想要触发页脚中的标签切换的内容。

然后按照文档（http://getbootstrap.com/javascript/#tabs-usage），您可以按名称或索引激活选项卡。

我使用此方法设置了一个小提琴来激活标签：

$('#myTab a[href="#profile"]').tab('show')

小提琴链接 http://jsfiddle.net/mudpuddle/o74qhbwc/

$(document).ready(function() {
  $('.foot').click(function(){
    $('#myTab a[href="#' + $(this).text() + '"]').tab('show')
  });
});

Answer 2

以下是查看问题的链接 http://staffing911.com/beta/services/

在主要服务下面有一个名为外链接的列表。点击它们需要激活上面的标签。但是，单击时，控制台Uncaught TypeError：undefined不是

上的函数

$('#myTab a[href="#' + $(this).text() + '"]').tab('show')

在页脚菜单项单击（WordPress）上激活Bootstrap选项卡

2 个答案: