Uncaught TypeError: $(...).tooltip is not a function error:
在网上搜索了一下解决方案,有说引入了两次 jQuery 的,删除多余的引用。
看了一下,我的网页,只引入了一次 jQuery 。
还有说引用的版本不对的,我的js都是同前端框架一起拿过来的,所以版本应该是配套的。
然后在这里突然灵光一闪,想起来在这之前我的网页中用过另一个jquery js文件。
用这个前端框架时,js是直接覆盖了原来的js文件的。
会不会是浏览器缓存的原因?
然后清除浏览器缓存,再重新打开网页,页面显示正常,没有异常了。
OK,问题解决。就是jquery版本的问题。
如果是已经发布的网站该怎么处理呢?总不能要求所有用户都清除浏览器缓存吧:
这里提供两种解决方案:
- 更改jquery文件的路径或者文件名,然后在网页中引用新的js路径。这样浏览器就不会命中缓存了。
- 在js文件后增加查询字符串:<script type="text/javascript" src="/js/jquery.min.js?1213"></script>
后面红色部分就是增加的查询字符串了,可以实现类似版本管理的功能。
如果是你自己写js文件,每次发布更新后,可以修改后面的查询字符串。
这样可以让浏览器加载最新的js文件。