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

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 了(前提要保证其他代码的兼容)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

前端--理解 Promise 的工作原理

Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程,但是如果出现多层回调嵌套,也就是我们常说的厄运的...

39960
来自专栏性能与架构

Stack Overflow 开发者调查报告

今天看了Stack Overflow 开发者调查统计结果,有几个数据感到意外,没有想到 1. JS已经火到不行 在最受开发者欢迎的语言中,JS继续领先,这倒...

30650
来自专栏互联网杂技

2017值得一瞥的JavaScript相关技术趋势

? 跨年前两天,Dan Abramov在Twitter上提了一个问题: ? JS社区毫不犹豫的抛出了它们对于新技术的预期与期待,本文内容也是总结自Twitt...

35440
来自专栏性能与架构

ES6 新特性示例

JS的新版本 ES6/ECMAScript2015 在去年出来了,我们现在普遍使用的ES5是在2009年出来的,相隔这么多年,变化比较大,添加了一些很好用的特性...

31860
来自专栏互联网杂技

史上最明了的编程语言琅琊榜介绍:JavaScript是剪刀?

小时候经常看局座的节目,得知局座掌握中、英、日、阿拉伯等多门语言 时羡慕不已,当时就许下一个心愿「我一定要成为掌握多门语言的男人」。今天,我的梦想终于实现了,我...

38750
来自专栏zhisheng

干货分享:让你分分钟学会 javascript 闭包 一像素

闭包,是 javascript 中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解它。...

36350
来自专栏性能与架构

使用JS开发桌面应用

Javascript在web开发中已经稳稳的占据了重要位置,现在已经开始渗透到桌面开发了 Electron 便是用来创建桌面应用的框架 使用 JavaScrip...

55960
来自专栏性能与架构

WEB开发将不再重度依赖JS【二】

前阶段写了一篇文章 "WEB开发将不再重度依赖JS",介绍了 WASM(WebAssembly),因为有了最新消息,所以写了这篇文章来分享 简单回顾一下 WAS...

40740
来自专栏性能与架构

WEB开发将不再重度依赖JS

Mozilla、谷歌、微软、苹果 4大浏览器一致通过了一个标准:WebAssembly WebAssembly 允许使用更多的语言来开发web应用,并且有接近...

35740
来自专栏smy

pc浏览器css和js计算浏览器宽度的差异以及和滚动条的关系

如图: css宽度:1250 不包括滚动条宽度 用控制台箭头选取元素显示的左边的宽度:1250  不包含滚动条宽度 缩放浏览器右上角显示的宽度:1267 包含了...

32360

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励