Bootstrap的Tab可以完全替代 的需求函数标签吗

来源：蜘蛛抓取(WebSpider) 时间：2017-10-18 03:52 标签： 完全替代品
你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
回复了问题 o 2 人关注 o 2 个回复 o 1415 次浏览 o
来自相关话题
回复了问题 o 5 人关注 o 4 个回复 o 3814 次浏览 o
来自相关话题
回复了问题 o 2 人关注 o 1 个回复 o 1089 次浏览 o
来自相关话题
发起了问题 o 1 人关注 o 0 个回复 o 1439 次浏览 o
来自相关话题
回复了问题 o 5 人关注 o 4 个回复 o 3814 次浏览 o
来自相关话题
回复了问题 o 2 人关注 o 2 个回复 o 1415 次浏览 o
来自相关话题
回复了问题 o 2 人关注 o 1 个回复 o 1089 次浏览 o
来自相关话题
发起了问题 o 1 人关注 o 0 个回复 o 1439 次浏览 o
来自相关话题【求助】bootstrap的Tab切换不了标签页_bootstrap吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：13,967贴子：
【求助】bootstrap的Tab切换不了标签页收藏
&script type=&text/javascript& src=&~/Content/bootstrap-3.0.3.min.js&&&/script&
&script type=&text/javascript& src=&~/Content/jquery-2.0.0.min.js&&&/script&
&link href=&@Url.Content(&~/Content/bootstrap-3.0.0.min.css&)& rel=&stylesheet& type=&text/css& /&&/head&&body&
&ul id=&myTab& class=&nav nav-tabs&&
&li class=&active&&
&a href=&#home& data-toggle=&tab&&
W3Cschool Home
&li&&a href=&#ios& data-toggle=&tab&&iOS&/a&&/li&
&li class=&dropdown&&
&a href=&#& id=&myTabDrop1& class=&dropdown-toggle&
data-toggle=&dropdown&&
&b class=&caret&&&/b&
&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&
&div id=&myTabContent& class=&tab-content&&
&div class=&tab-pane fade in active& id=&home&&
&p&W3Cschoool菜鸟教程是一个提供最新的web技术站点，本站免费提供了建站相关的技术文档，帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术，更是梦想。&/p&
&div class=&tab-pane fade& id=&ios&&
iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple
TV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。
&div class=&tab-pane fade& id=&jmeter&&
&p&jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。&/p&
&div class=&tab-pane fade& id=&ejb&&
Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。
&/div&&/body&运行发现页面没问题，点击没有反应，但是把引用的js换成这个就又可以了&link href=&& rel=&stylesheet&&
&script src=&&&&/script&
&script src=&&&&/script&因为引用网址就可以，所以我一开始觉得可能是js版本的问题，就将它网址里的js复制下来保存为js引用，结果还是不行，不知道是什么原因，求大神解答
学特色小吃哪家好? 找苏味轩 包教包会 一费到底 学2送2 自己创业做老板!
jquery.js必须在bootstrap.js前面引用
一般情况jquery.js都是第一个引用的，boot是在jquery基础上编写的
登录百度帐号推荐应用1333人阅读
AdminEAP（13）
bootstrap-tab
bootstrap-tab组件是对原生的bootstrap-tab组件的封装，方便开发者更方便地使用，主要包含以下功能：
tab页初始化
获取tab页ID
Step1 ：引入样式
rel="stylesheet" href="bootstrap/css/bootstrap.min.css"&
rel="stylesheet" href="font-awesome/css/font-awesome.min.css"&
rel="stylesheet" href="../css/bootstrap-tab.css"&
Step2：引入脚本
src="jquery/jquery-1.8.3.min.js"&&
src="bootstrap/js/bootstrap.min.js"&&
src="../js/bootstrap-tab.js"&&
Step3：使用
&div id="tabContainer"&&
$("#tabContainer").tabs({
id: 'home',
text: '百度一下',
url: "tab_first.html",
closeable: true
id: 'admineap',
text: 'AdminEAP',
url: "tab_second.html"
id: 'edit',
text: '编辑人员',
url: "tab_content.html",
closeable: true
showIndex: 1,
loadAll: false
$("#tabContainer").data("tabs").addTab({id: 'test', text: 'addTab', closeable: true, url: 'tab_content.html'})
参数和方法说明
tab页数据来源（对象列表），包含id,text,url,closeable属性
必须，单个tab的id
必须，单个tab页的标题
必须，单个tab页的内容url
true,false
单个tab页是否可关闭
默认显示页的索引
true,false
true=一次全部加在页面,false=只加在showIndex指定的页面，其他点击时加载，提高响应速度
tab组件初始化入口方法
构建tab页的主方法
加载tab页的内容，根据loadAll即时加载或者点击时加载
单个tab的数据
增加一个tab页
根据id显示tab页
getCurrentTabId
获取当前活动tab页的ID
bootstrap-tab的Github地址：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：197575次
积分：2936
积分：2936
排名：第12570名
原创：88篇
转载：12篇
评论：60条
(10)(6)(6)(2)(5)(4)(2)(4)(7)(3)(7)(2)(2)(2)(1)(7)(1)(5)(1)(2)(2)(4)(2)(3)(10)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'

我要回帖

更多关于 完全替代品 的文章

 

随机推荐