Bootstrap

jsp引入bootstrap、bootstrap-Validator后出现xxx is not a function的问题及解决办法!

最近做个项目,在写后台的时候,遇到了个问题,首先在jsp中引入了bootstrap和bootstrap-Validator(表单验证)后,遇到个问题,就是在运行的时候,报错

提示你写的js中,没有这个方法,但是bootstrap中该引入的js,css都引入了,为什么还要报这个错呢,然后就慢慢排错,终于找到了根源,

在我的jsp界面中,我引入了其他文件:

但是这个标签没什么问题啊,问题不在这里,打开这个include-navbar.jsp文件看看,重点在这里:


我在这个jsp界面引入了jquery库,然而看看我们之前的一个界面,


可见,这个jsp界面也引入了jquery,这就导致了次jsp界面在<jsp:include page="/WEB-INF/jsp/include-navbar.jsp" />引入的jsp界面中,也带有jquery,与主界面引入冲突,导致报错:Uncaught TypeError: $(...).bootstrapValidator is not a function

解决办法:把用标签<jsp:include ... />引入的jsp界面中的jquery引入去掉(include标签引入后直接使用主界面引入的jquery库)!

ps:在使用bootstrap-table的时候,需要用到的方法  ----  $(‘table’).bootstrapTable('method');  亦是如此。

;