我正在更新的网站遇到了一个让我难过的IE问题。一切都在Firefox(当然)工作正常。一个问题在所有网站的页面上都有一个额外的空白页面。第二个问题是某些页面显示为空白。在这些页面上,有列表集。这些列表集有一个名为listSet的css类。每个列表集都通过此javascript填充:
jQuery(document).ready(function($) {
fillApprovalList("DutaApprovalLists");
});
var fillApprovalList = function(ajaxFunction) {
if (getParameterByName("mode").toLowerCase() == "approve") {
var $listsToFill = $(".approvalList").find(".listSet")
$listsToFill.each(function() {
var $currObj = $(this);
var statusAndId = $currObj.attr("id");
var $table = $currObj.find(".resultList");
fillApprovalListAjax(ajaxFunction,statusAndId,0);
});
}
}
var fillApprovalListAjax = function(ajaxFunction, statusAndId, page){
var $currObj = $("[id='"+statusAndId+"']");
var $table = $currObj.find(".resultList");
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/database/services/ApprovalList.asmx/"+ajaxFunction,
data: "{statusAndId:'" + statusAndId + "',page:"+page+"}",
dataType: "json",
success: function(data) {
$table.find("tr").remove()
$table.parent().find("#loading").hide()
$table.append(data.d.ResultSet);
var $pagingDiv = $table.parent().find(".paging");
$pagingDiv.find("a").remove()
$pagingDiv.append(data.d.Links);
$pagingDiv.find("a").click(pageApprovalList);
var $countDiv= $table.parent().find("#count");
$countDiv.empty();
$countDiv.append(data.d.DisplayingText);
}
});
}
现在,我不能为我的生活弄清楚为什么这不起作用。我逐步完成代码,javascript和服务器端,一切都返回OK。要删除额外页面,我将其包括在内:
<!--[if IE 8]>
<style type="text/css">
#small_boxes {
overflow: hidden;
padding-bottom: -150px;
}
</style>
<![endif]-->
但是,只有我没有这条线:
<meta http-equiv="X-UA-Compatible" content="IE=xxx" />
如果我要修改该行,可以说IE = EmulateIE8,那么该列表页面渲染得很好,但是每个页面都有空白区域。我已经尝试了几乎所有的IE =选项,但都没有修复。我所有的javascript都是这样的:
<script type="text/javascript" language="javascript" src="/scripts/jquery-1.5.1.js"></script>
拥有&lt; / script&gt;标签。它有点像鸡肉和鸡蛋的交易我正在进行。