Question

使用bootstrap搭界面，将标签加入超链接时单击无法打开页面，但右击可以打开链接。

<ul class="nav nav-tabs nav-justified" id="tabs">
<li class="active"><a href="#homepage" data-toggle="tab"> 欢迎 </a></li>
<li><a href="#credit" data-toggle="tab"> 信用卡 </a></li>
<li><a href="#sale" data-toggle="tab"> 优惠信息 </a></li>
<li><a href="http://www.bankofchina.com/pbservice/" target="_blank"> 个人金融 </a></li>
<li><a href="http://www.bankofchina.com/cbservice/" target="_blank"> 公司金融 </a></li>
<li><a href="http://www.bankofchina.com/fimarkets/" target="_blank"> 金融市场 </a></li>
<li><a href="#us" data-toggle="tab"> 关于我们 </a></li>
</ul>

Answer 1

你这个用的是tab标签页的结构吧 是不是还加了激活tab的js了... 如果是的话那应该是bootstrap添加了tab切换后把其他效果给阻止了 所以你才跳转不了

追问

js是这样写的：

$('#tabs a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})

如果是被组织了，那该怎样解决呢？

追答

e.preventDefault()
就是阻止冒泡事件
你需要实现的功能是不是跟你用的bootstrap功能不一样啊 一般情况下你选对了bootstrap组件是不会有这个问题的