jsp:include遇到的问题

四个模板页面  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引入时也可与这些文件建立关联。