重复引用jquery导致报错:$(...). is not a function

开发环境:
  • 模板引擎:velocity
  • 前端框架:bootstrap
问题描述:

一个简单的功能,点击按钮,弹出对话框,输入信息,提交表单到后台,调试时发现点击按钮弹出modal,第一次可以正常弹出,第二次便会报错,且弹出框无法正常显示:


解决过程:

网上查阅资料,看过几个相似案例,都是因为modal页面重复引入jquery导致的,通过chrome查看jquery的引用情况:
发现在head区域和modal区域都引用了jquery.js

去除modal区域的对于jquery.js的引用后发现调试正常了,问题解决,不再报错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容