Bootstrap 标签页(Tab)插件
来源:互联网 发布:淘宝商品上架教程 编辑:程序博客网 时间:2024/05/24 07:09
遇到的问题 同用一套tab 没法控制tab选择和content同步展示
用法
您可以通过以下两种方式启用标签页:
- 通过 data 属性:您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。
添加 nav 和 nav-tabs 类到 ul 中,将会应用 Bootstrap 标签样式,添加 nav 和 nav-pills 类到 ul 中,将会应用 Bootstrap 胶囊式样式。
<ul class="nav nav-tabs"> <li><a href="#identifier" data-toggle="tab">Home</a></li>...</ul>
- 通过 JavaScript:您可以使用 Javscript 来启用标签页,如下所示:
$('#myTab a').click(function (e) { e.preventDefault() $(this).tab('show')})
下面的实例演示了以不同的方式来激活各个标签页:
// 通过名称选取标签页$('#myTab a[href="#profile"]').tab('show') // 选取第一个标签页$('#myTab a:first').tab('show') // 选取最后一个标签页$('#myTab a:last').tab('show') // 选取第三个标签页(从 0 开始索引)$('#myTab li:eq(2) a').tab('show')
0 0
- Bootstrap 标签页(Tab)插件
- Bootstrap 标签页(Tab)插件
- Bootstrap 标签页(Tab)插件
- Bootstrap 标签页(Tab)插件
- Bootstrap的js插件之标签页(tab)
- Bootstrap插件(三)——标签页导航(tab.js)
- 解决Bootstrap 标签页(Tab)插件切换echarts不显示问题
- 【一点一滴Bootstrap】标签页Tab
- Bootstrap标签页插件
- Bootstrap 标签页插件
- 浅析Bootstrap中Tab(标签页)的使用方法
- 基于Bootstrap的标签页组件bootstrap-tab使用说明
- bootstrap:动态添加tab标签
- 基于jQuery的tab标签页插件
- Bootstrap标签页和工具提示插件
- bootstrap标签页和工具提示插件
- 标签页(Bootstrap)
- bootstrap tab页
- Bellman-Ford 算法队列优先
- MFC静态库的使用
- 设置一个FreemarkerExceptionHandler捕获freemarker页面上的异常
- istringstream
- Spring中bean的配置
- Bootstrap 标签页(Tab)插件
- JAVA 类型转换
- Android 自带ToolBar自定义中间标题&分类
- 利用js实现简单的图片切换(上下张切换)
- HTTP协议
- redis命令行
- Android之Fragment懒加载分析
- 【代码笔记】iOS-旋转的风扇
- 前景检测算法(六)--平均背景原理