bootstrap 标签页tab切换js(含报错原因)-阿里云开发者社区

开发者社区> 技术小阿哥> 正文

bootstrap 标签页tab切换js(含报错原因)

简介:
+关注继续查看

booststrap 标签页的tab切换,相信大家已经都很熟悉了,在boot官网示例以及其他网站已经很多罗列相关代码的了,这里就不赘述了。这里主要贴下让boot标签页默认显示哪个标签页的js.

主要留作自己工作备忘。

1
2
3
4
5
1 $('a[data-toggle="tab"]')
2 $('#myTab a[href="#profile"]').tab('show')
3 $('#myTab a:first').tab('show')
4 $('#myTab a:last').tab('show')
5 $('#myTab li:eq(2) a').tab('show')

但是我们在用的时候有时候会发现,js引用顺序正确,但是依然会报错 :

$(...) .tab is not a function.

这时就要明白,bootstrap依赖的jquery版本是1.9+,所以看看自己的jquery是不是比在1.9以前了,有时候项目大,可能在后台默认已经引用了一个jquery版本是低于1.9的版本,即使后面单独又引入了jquery高版本,但是依然会报错。

则删除旧版本的jquery就Ok 了(前提要保证其他代码的兼容)



本文转自 蓓蕾心晴 51CTO博客,原文链接:http://blog.51cto.com/beileixinqing/1898404,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Flutter 126: 图解自定义两侧对齐 ACETabBar 标签导航栏
0 基础学习 Flutter,第一百二十六步:简单定义一个可设置左右两侧对齐方式及两侧固定位 Icon 的 ACETabBar 导航栏!
54 0
fbh
h5 meta标签大全
H5标准声明,使用 HTML5 doctype,不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面...
896 0
Java报错原因汇总
 1. java.lang.nullpointerexception 这个异常大家肯定都经常遇到,异常的解释是"程序 遇上了空指针",简单地说就是调用了未经初始化的对象或者是不存在的对象,这个错误经常出现在创建图片,调用数组这些操作中,比如图片 未经初始化,或者图片创建时的路径错误等等。
1205 0
SAP MM 对采购订单执行收货,报错 - Table T169P entry ZNMI does not exist -
SAP MM 对采购订单执行收货,报错 - Table T169P entry ZNMI does not exist -
10 0
@Transactional导致AbstractRoutingDataSource动态数据源无法切换的解决办法
上午花了大半天排查一个多数据源主从切换的问题,记录一下: 背景: 项目的数据库采用了读写分离多数据源,采用AOP进行拦截,利用ThreadLocal及AbstractRoutingDataSource进行数据源切换,数据源代码如下: public class RoutingDataSour...
3970 0
如何用<dl>标签做表格而不用table标签
  我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的标签,可以查看html源代码就能发现,table标签对搜索引擎不是很友好,table太多话可能无法被SE收录,有没办法用其他方法来实现绘制表格呢?比如用标签?    标签是定义列表(defi...
936 0
隐藏tabControl的标签
  一、隐藏和显示tabControl1中的tabpage的方法:                 tabControl1.tabPage1.Parent = tabControl1; // 显示                 tabControl1.
746 0
13694
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载