bootstrap 标签页tab切换js(含报错原因)
2023-09-14 09:07:45 时间
booststrap 标签页的tab切换,相信大家已经都很熟悉了,在boot官网示例以及其他网站已经很多罗列相关代码的了,这里就不赘述了。这里主要贴下让boot标签页默认显示哪个标签页的js.
主要留作自己工作备忘。
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 了(前提要保证其他代码的兼容)
相关文章
- Bootstrap File Input,最好用的文件上传组件
- JS跳转代码_js中跳转页面路径
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- SpringCloud版本升级后bootstrap.yml配置不生效
- js定时器与延时器_JS做定时器倒计时
- JS对象转数组_js怎么把数组转成对象
- bootstrap使用教程_bootstrap 教程
- JS获取当前年份_js获取当前时间年月日
- 【已解决】SpringBoot项目bootstrap.yml配置文件不加载
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- get两个js小技能——JS截取视频第一帧&图片转Base64
- MySQL Error number: MY-010001; Symbol: ER_BOOTSTRAP_CANT_THREAD; SQLSTATE: HY000 报错 故障修复 远程处理
- ORA-00704: bootstrap process failure ORACLE 报错 故障修复 远程处理
- MySQL Error number: MY-010940; Symbol: ER_PERFSCHEMA_COMPONENTS_INFRASTRUCTURE_BOOTSTRAP; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-010948; Symbol: ER_PERSISTENT_PRIVILEGES_BOOTSTRAP; SQLSTATE: HY000 报错 故障修复 远程处理
- Bootstrap的优先级、选择器、伪类详解编程语言
- Bootstrap v4.0.0-alpha.4 发布,一个 Web 前端框架详解编程语言
- bootstrap-datepicker v1.6.2发布,一个日期表单组件详解编程语言
- 表单input项使用label,同时引用Bootstrap库,导致input点击效果区增大详解编程语言
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- Bootstrap完美select标签下拉菜单实现详解编程语言
- Bootstrap 4首个维护版发布 新增多项功能
- 利用 JS 实现 Redis 的连接(js连接redis)
- 使用JS技术实现Oracle数据库链接(js 链接 oracle)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- js延迟加载改变JS的位置加快网页加载速度
- 基于Bootstrap+jQuery.validate实现Form表单验证