jsp页面引入bootstrap时出现异常

阳光穿透心脏的1/2处 2022-03-12 02:45 488阅读 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，488人围观）

还没有评论，来说两句吧...

相关阅读

相关 java jsp公共异常页面_JSP页面的异常处理

对于jsp页面错误处理这里大致有两种方式：一、在Web.xml中配置全局的错误异常处理即凡是该项目下(即虚拟路径下的所有文件)的任意一个文件错误或者异常，都会跳到指定的

叁歲伎倆/ 2022年11月06日 05:47/ 0 赞/ 189 阅读

相关引入jsp页面引入js失败的解决办法

zaijsp页面上的<head>标签中写了引入js的代码<script type="text/javascript" src="js/jquery-3.0.0.js"></sc

女爷i/ 2022年04月17日 01:53/ 0 赞/ 568 阅读

相关在jsp引入bootstrap

第一步：在https://v3.bootcss.com/getting-started/\top该网站下载Bootstrap，有可以看到有三种,如下图所示（本人下载的是源码）

布满荆棘的人生/ 2022年04月10日 01:42/ 0 赞/ 323 阅读

相关怎样在jsp中引入bootstrap样式

1、先在WEB-INF中新建一个文件夹，然后在添加css,fonts,js三个文件，如下图：![在这里插入图片描述][20181221185305716.png] 2、引入

超、凢脫俗/ 2022年04月03日 10:18/ 0 赞/ 490 阅读

相关 jsp引入 css js (以bootstrap 为例子)

一首先引入 css js ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

野性酷女/ 2022年03月19日 07:18/ 0 赞/ 247 阅读

相关 jsp页面引入bootstrap时出现异常

异常: util.js:56 Uncaught TypeError: Cannot read property ‘fn’ of undefined at setTran

阳光穿透心脏的1/2处/ 2022年03月12日 02:45/ 0 赞/ 489 阅读

相关 jsp页面出现错误时，跳转到另一个页面

在可能出现错误的页面导入：<%@ page errorPage=“error.jsp”%> 然后在错误处理页面导入：<%@ page isErrorPage=“tr

蔚落/ 2022年02月03日 14:47/ 0 赞/ 404 阅读

相关 Jsp引入bootstrap无法显示

bootstrap 下载地址 [https://v3.bootcss.com/getting-started/\download][https_v3.bootcss.com_g

我就是我/ 2022年01月22日 02:19/ 0 赞/ 430 阅读

相关 jsp 页面引入 java类

1 <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> 2 <%@ p

古城微笑少年丶/ 2022年01月07日 11:07/ 0 赞/ 320 阅读

相关关于jsp动态引入页面时路径报错

动态引入报错 `<jsp:include page="${pageContext.request.contextPath }/header.jsp"></jsp:incl

Dear 丶/ 2021年11月11日 06:48/ 0 赞/ 401 阅读