一个jsp:include引起的IE6的css错误

最新推荐文章于 2023-04-16 16:29:41 发布

最新推荐文章于 2023-04-16 16:29:41 发布 · 192 阅读

文章标签：

#JSP #CSS #jQuery #Ajax #JavaScript #ViewUI

JavaEE 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种解决在Internet Explorer浏览器中使用jsp:include导致底部内容上提覆盖问题的方法，通过采用Ajax异步加载的方式确保底部内容正确显示。

问题描述：页面的内容和底部分别为jsp:include引用的页面。

<div id="content" class="module">
	<jsp:include page="/investoredu/content.jsp">
		<jsp:param name="contentID"
			value="<%=request.getParameter("contentID") == null ? "11" : request
.getParameter("contentID")%>" />
	</jsp:include>
</div>



<%@include file="/include/IncludeFoot.jsp"%>

由于内容长度不一，导致高度不一，当内容div高度太高时，会导致底部include的页面在IE中上提，覆盖住内容div。

原因猜测：使用多个jsp:include时，在include最后的底部页面时，没能根据其他div情况调整位置

解决方法：使用ajax在页面加载完毕后再调用底部页

<script type="text/javascript" src="/include/js/jQuery/jQuery.js"></script>
<script type="text/javascript">
	function ajaxFoot()
	{
		var url = "/include/IncludeFoot.jsp";
		$.ajax({
			url: url,
			cache: false,
			success: function(ajaxResult){
				$(".pageWarp").append(ajaxResult);
		}
		}); 
	}
	$(document).ready(function(){
		ajaxFoot();
	}); 
</script>