jsp頁面使用include 標籤後引入的外部js失效
阿新 • • 發佈：2019-01-09
heder.jsp引入外部js程式碼程式碼如下
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/css/pcreset.css" /> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/css/pcless.css" /> <script src="${pageContext.request.contextPath }/style/jquery/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script> <script src="${pageContext.request.contextPath }/style/jquery/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
index.jsp頁面使用inclde標籤引入header.jsp後導致樣式錯亂。引入之前樣式是正常的
程式碼如下：
<title>首頁</title> <script src="${pageContext.request.contextPath }/style/jquery/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script> <script src="${pageContext.request.contextPath }/style/jquery/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script> </head> <body> <!-- 引入首部 --> <jsp:include page="/jsp/header.jsp"/> <!--描述：輪播圖--> ....... </body>
原因分析：
在header.jsp和index.jsp中同時都引入了jquery的js檔案，此時，當index.jsp引入header.jsp時，就會導致外部引入的js檔案衝突，就會導致js程式碼無效。因此動態效果錯亂。
解決：刪除一個檔案中引入的重複js檔案即可