jsp页面引入bootstrap时出现异常

最新推荐文章于 2021-09-03 23:26:17 发布

I like study.

最新推荐文章于 2021-09-03 23:26:17 发布

阅读量762

点赞数

分类专栏： # Bootstrap # JavaScript 文章标签： js bootstrap

本文链接：https://blog.csdn.net/rj2017211811/article/details/88144968

版权

JavaScript 同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

Bootstrap

1 篇文章 0 订阅

订阅专栏

异常:
util.js:56 Uncaught TypeError: Cannot read property ‘fn’ of undefined
at setTransitionEndSupport (util.js:56)
at util.js:147
at util.js:10
at bootstrap.js:9
at bootstrap.js:10
引入的bootstrap的文件

<link rel="stylesheet" href="${pageContext.request.contextPath }/static/bootstrap/css/bootstrap.css" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/jquery-3.3.1/jquery-3.3.1.min.js></script>

错误原因:bootstrap.js文件放在了jquery.js在前面，因为bootstrap是由jquery封装的，所以导致了bootstrap文件解析错误
结局方法:把jquery.js文件放在bootstap.js之前
即

<link rel="stylesheet" href="${pageContext.request.contextPath }/static/bootstrap/css/bootstrap.css" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/jquery-3.3.1/jquery-3.3.1.min.js></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/bootstrap/js/bootstrap.js"></script>