1

是否可以在 Twitter Bootstrap 选项卡的底部添加一个可点击的链接，然后该链接将转到下一个命名选项卡，然后返回顶部并显示下一个选定的选项卡（就好像用户在页面顶部）？

我添加了一个链接来执行选项卡单击的操作-它交换选项卡内容，但不显示选项卡本身内的选项卡选择更改-并且还将您留在页面底部。这是我添加的链接：

 <a href="#tab2" data-toggle="tab">Technical Test</a>

这是整个 HTML：

    <div class="tabbable">
        <!-- Only required for left/right tabs -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">PC Phone Test</a></li>
            <li><a href="#tab2" data-toggle="tab">Technical Test</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
               <!-- tab 1 content here -->

               <a href="#tab2" data-toggle="tab">Technical Test</a>

            </div>

            <div class="tab-pane" id="tab2">
               <!-- tab 2 content here -->
            </div>
         </div>

谢谢你的帮助，

标记

4

1 回答 1

0

在找到类似的东西后，我想出了：

 $(function () {
        $("#TestClick").click(function () {
            alert("clicked");
            var tabs = $('#tabselect .nav-tabs > li'),
               active = tabs.filter('.active'),
               next = active.next('li'),
               toClick = next.length ? next.find('a') : tabs.eq(0).find('a');

            toClick.trigger('click');
            $("#Q1KH").focus();
        });

    });

可能不是很优雅 - 但正确设置选项卡，并专注于屏幕顶部的文本框。

谢谢，马克

于 2013-04-29T14:08:33.833 回答