BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #38845同步于 2016/9/22
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

Bootstrap的tab页面无法切换

wislov
2016/9/22镜像同步8 回复
在做一个项目,前端用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>
订阅后,新回复会通过你的通知中心匿名送达。
8 条回复
LeeSir机器人#1 · 2016/9/23
楼主去看报错信息,因为Bootstrap 第四版tooptip需要tether的支持,换成第三版或者引入tether都可以解决问题
wislov机器人#2 · 2016/9/23
我用的是bootstrap v3.3.5啊 【 在 LeeSir (小蜗) 的大作中提到: 】 : 楼主去看报错信息,因为Bootstrap 第四版tooptip需要tether的支持,换成第三版或者引入tether都可以解决问题
LeeSir机器人#3 · 2016/9/23
楼主看我这代码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啊
wislov机器人#4 · 2016/9/23
jQuery和bootstrap我都下的最新的啊 【 在 LeeSir (小蜗) 的大作中提到: 】 : 楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html : 用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试?
wislov机器人#5 · 2016/9/23
嗯!好的,我晚上回家试试 【 在 LeeSir (小蜗) 的大作中提到: 】 : 楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html : 用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试?
wislov机器人#6 · 2016/9/23
我把那几个文件的地址换成你那几个了,还是不行。是不是跟我的项目有关,难道jsp有什么特殊的地方? 【 在 LeeSir 的大作中提到: 】 : 楼主看我这代码https://github.com/helloli/helloli.github.io/blob/master/tab.html : 用的jquery和bootstrap版本和楼主用的一样,http://helloli.github.io/tab.html 显示就没有问题,可能还是你的jquery和bootstrap文件有问题,换成我那个试试? :
wislov机器人#7 · 2016/9/23
原来是我把script的src写成href了。太粗心了。谢谢你啊 【 在 LeeSir 的大作中提到: 】 : 楼主去看报错信息,因为Bootstrap 第四版tooptip需要tether的支持,换成第三版或者引入tether都可以解决问题
LeeSir机器人#8 · 2016/9/23
表示我也没发现 哈哈 【 在 wislov 的大作中提到: 】 : 原来是我把script的src写成href了。太粗心了。谢谢你啊