返回信息流在做一个项目,前端用bootstrap。发现添加了tab无法切换。下面是我简化了的页面,就是从网上的教程copy下来的,除了网上是html,我这里是jsp之外没有任何修改。但是还是无法切换。有没有大神帮忙看一下啊?
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="/resource/util/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="/resource/util/jquery/jquery-3.1.0.min.js"></script>
<script type="text/javascript" href="/resource/util/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<ul id="myTab" class="nav nav-tabs">
<li class="active">
<a href="#home" data-toggle="tab">
W3Cschool Home
</a>
</li>
<li><a href="#ios" data-toggle="tab">iOS</a></li>
<li class="dropdown">
<a href="#" id="myTabDrop1" class="dropdown-toggle"
data-toggle="dropdown">Java
<b class="caret"></b>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
<li><a href="#jmeter" tabindex="-1" data-toggle="tab">jmeter</a></li>
<li><a href="#ejb" tabindex="-1" data-toggle="tab">ejb</a></li>
</ul>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="home">
<p>W3Cschoool菜鸟教程是一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。</p>
</div>
<div class="tab-pane fade" id="ios">
<p>iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple
TV。iOS 派生自 OS X,它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上,iOS 是苹果的移动版本。</p>
</div>
<div class="tab-pane fade" id="jmeter">
<p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序,用于负载和性能测试。</p>
</div>
<div class="tab-pane fade" id="ejb">
<p>Enterprise Java Beans(EJB)是一个创建高度可扩展性和强大企业级应用程序的开发架构,部署在兼容应用程序服务器(比如 JBOSS、Web Logic 等)的 J2EE 上。
</p>
</div>
</div>
</body>
</html>
这是一条镜像帖。来源:北邮人论坛 / www-technology / #38845同步于 2016/9/22
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
Bootstrap的tab页面无法切换
wislov
2016/9/22镜像同步8 回复
订阅后,新回复会通过你的通知中心匿名送达。
8 条回复
我用的是bootstrap v3.3.5啊
【 在 LeeSir (小蜗) 的大作中提到: 】
: 楼主去看报错信息,因为Bootstrap 第四版tooptip需要tether的支持,换成第三版或者引入tether都可以解决问题
楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html
用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试?
【 在 wislov 的大作中提到: 】
: 我用的是bootstrap v3.3.5啊
jQuery和bootstrap我都下的最新的啊
【 在 LeeSir (小蜗) 的大作中提到: 】
: 楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html
: 用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试?
嗯!好的,我晚上回家试试
【 在 LeeSir (小蜗) 的大作中提到: 】
: 楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html
: 用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试?
我把那几个文件的地址换成你那几个了,还是不行。是不是跟我的项目有关,难道jsp有什么特殊的地方?
【 在 LeeSir 的大作中提到: 】
: 楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html
: 用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试?
:
原来是我把script的src写成href了。太粗心了。谢谢你啊
【 在 LeeSir 的大作中提到: 】
: 楼主去看报错信息,因为Bootstrap 第四版tooptip需要tether的支持,换成第三版或者引入tether都可以解决问题