IE8（兼容模式）不会加载我的Ajax内容

Question

我正在http://www.qxl.dk/上使用jQuery脚本，但似乎无法获得IE7（或更准确地说，是IE7兼容模式下的IE8）来加载我的内容。

右侧名为“ QXL Aktuelt”的侧边栏框使用Ajax load()从外部文件加载其HTML内容，然后触发自定义jQuery事件（“ aktuelt_loaded ”），该事件启动轮播脚本（如滚动的newsticker）。

通过Ajax加载了同一页面上的其他几个内容部分，它们工作得很好，所以我想知道出了什么问题。 一切都可以在Firefox 3.6和IE8中正常运行，但不能在IE8兼容模式下运行。

加载Ajax内容的脚本是（页面上的内联）：

<div id="qxlaktueltHolder"></div>
<script type="text/javascript">
    $("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
        $("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
    });
</script>
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/jcarousellite_1.0.1.min.js'></script>
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/qxlaktuelt_liveload.js'></script>

响应事件的外部脚本在以下文件中：

http://www.qxl.dk/contents/dk/js/qxlaktuelt_liveload.js

所有想法都非常受欢迎。

Answer 1

编辑：

看起来您的内容正在加载。 您似乎遇到了CSS显示问题。 使用IE的开发人员工具，我搜索a已正确加载到Safari中的a的href

http://www.123hjemmeside.dk/pages/receive.aspx?target=wl&partnerkey=dkqxl:Hobby_aktuelt_1

并发现该内容和其他所有内容都在页面上。

更新：

问题出在您的#newsticker元素上。 它及其所有li元素的height和/或width属性设置为0 。

因此，无论什么代码负责确定/显示#newsticker大小，其内容似乎都是罪魁祸首。

---

这是一个猜测，但是此脚本qxlaktuelt_liveload.js在此之后被加载：

<script type="text/javascript">
    $("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
        $("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
    });
</script>

因此，取决于load()花费的时间，脚本可能会也可能不会被加载。

尝试：

<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/jcarousellite_1.0.1.min.js'></script>
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/qxlaktuelt_liveload.js'></script>
<script type="text/javascript">
    $("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
        $("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
    });
</script>

Answer 2

在您的JavaScript代码中删除所有控制台。 出于某种原因，IE对此有所突破。