2

我在我的网站上设置了标签，它们似乎都工作正常，只是标签内的链接不起作用。如果我右键单击并说在新选项卡中打开它会起作用，但否则什么也不会发生。我认为问题出在 bootstrap.js 和我正在做的事情上，但我不知道是什么。

这是网站：http ://www.rightcall.co/features 。查看最后 3 个选项卡中的链接

这是我的代码的简单版本：

<div class="tabbable features tabs-left row-fluid">
    <ul class="nav nav-tabs span3 uppercase">
        <li class="active"><a href="#l1" data-toggle="tab">Overview</a></li>
            <li><a href="#l2" data-toggle="tab">What you get</a></li>
            <li><a href="#l3" data-toggle="tab">Our Process</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="l1">
                <h3>Overview</h3>
                <a href="/anotherpage">         
            </div>
            <div class="tab-pane" id="l2">
                <h3>What You Get</h3>
                <a href="/anotherpage">
            </div>
            <div class="tab-pane" id="l3">
                <h3>Our Process</h3>
                <a href="/anotherpage">
            </div>
        </div>
    </div>
</div>

提前感谢您的任何建议。我对 Bootstrap 很陌生，所以我有点不知所措。

4

1 回答 1

7

在您的 javascript 中，您'.tabbable a'使用 jquery 选择所有的并阻止默认的点击操作：

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

你应该做到：

$('.tabbable .nav-tabs a').click( //etc..

这样ajQuery 不会选择其他的 ..

另外我应该指出，在 StackOverflow 中链接您的网站以让人们查看您的错误/问题是违反规则的。只发布代码（HTML/CSS/JS），以便其他找到问题的人也可以解决他们的问题。

于 2013-07-12T17:29:27.027 回答