四个模板页面 Navbar.jsp WelcomLine.jsp SliderLeft.jsp Footer.jsp
在Index.jsp页面中引入
<!-- Top Area Begin================================================== -->
<div id="header">
<div class="container">
<!-- WelcomeLine ================================================== -->
<jsp:include page="baseparts/WelcomeLine.jsp" ></jsp:include>
<!-- Navbar ================================================== -->
<jsp:include page="baseparts/Navbar.jsp" ></jsp:include>
</div>
</div>
<!-- Top Area End ================================================== -->
在WelcomLine.jsp 引入了这些文件,若在Index.jsp继续引入会出现问题导致某些事件不能发生,导致bootstrap的下拉按钮不能触发。
<!-- Placed at the end of the document so the pages load faster ============================================= -->
<script src="themes/js/jquery.js" type="text/javascript"></script>
<script src="themes/js/bootstrap.min.js" type="text/javascript"></script>
<script src="themes/js/google-code-prettify/prettify.js"></script>
<script src="themes/js/bootshop.js"></script>
<script src="themes/js/jquery.lightbox-0.5.js"></script>
解决办法:在Index.jsp包含的文件中第一个文件引入这些两个页面用到的js文件。<jsp:include page=“XXX.jsp”>会将XXX.jsp文件的关联的js文件加载到index.jsp中。 同理样式表也可在引入的文件中建立关联,index.jsp引入时也可与这些文件建立关联。