我在我的网站上设置了标签,它们似乎都运行良好,只是标签内的链接不起作用。如果我右键单击并说在新选项卡中打开它会起作用,但除此之外没有任何反应。我认为问题出在 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 的新手,所以我有点不知所措。
最佳答案
在您的 javascript 中,您使用 jquery 选择所有 '.tabbable a'
并阻止默认的点击操作:
$('.tabbable a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
你应该做到:
$('.tabbable .nav-tabs a').click( //etc..
这样 jQuery 就不会选择其他 a
..
我还应该指出,在 StackOverflow 中链接您的站点以让人们查看您的错误/问题是违反规则的。仅发布代码 (HTML/CSS/JS),以便其他发现问题的人也可以用它解决他们的问题。
关于javascript - 选项卡中的 Bootstrap 链接不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17620574/