Bootstrap中tab标签切换demo
2015-10-22 21:18
591 查看
<span style="font-size:18px;"><ul class="nav nav-tabs" id="otherInfoTab"> <li class="active"><a href="#time_line">时间轴</a></li> <li><a href="#complain">投诉</a></li> <li><a href="#sms_send">短信回评</a></li> <li><a href="#order_path">订单轨迹</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="time_line">111</div> <div class="tab-pane" id="complain">222</div> <div class="tab-pane" id="sms_send">333</div> <div class="tab-pane" id="order_path">444</div> </div> <script> $(function() { $('#otherInfoTab a:last').tab('show');//初始化显示哪个tab $('#otherInfoTab a').click(function(e) { e.preventDefault();//阻止a链接的跳转行为 $(this).tab('show');//显示当前选中的链接及关联的content }) }) </script></span>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- bootstrap初试进度条
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- expand 与 unexpand 命令实例教程
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果