Question

我正在使用bootstaps标签。我现在需要在内容末尾从一个标签到另一个标签的链接（从#allmembers到#additional

          <div class="contact-content">
            <ul class="nav nav-tabs contactTab">
                <li class="allmembers">
                   <a href="#allmembers" data-toggle="tab">Members</a>
                </li>
                <li class="additional">
                   <a href="#additional" data-toggle="tab">Additional</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="allmembers">
                  Content
                </div>                    

                <div class="tab-pane active" id="additional">
                  Content 2
                </div>
            </div>

JQuery的

   $('.contactTab a:first').tab('show') // Select first tab

   $('.contactTab a').click(function (e) {
      e.preventDefault();
      $(this).tab('show');
   });

我可以设置好锚点链接但是它不会将标签切换到顶部并滚动到顶部。我希望这与阻止默认行为有关。

Answer 1

这是一个demo来完成这项工作。

$('#next').click(function() {
    $('[href="#additional"]').tab('show');
});

我认为你的错误在于jQuery选择器级别。

享受：）

引导标签内的锚链接

1 个答案: