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

Question

我正在制作jQuery脚本 http://www.qxl.dk/ 而且我似乎无法在IE7兼容模式下获得IE7（或更准确的IE8）来加载内容。

右侧的侧边栏框使用AJAX从外部文件中加载其HTML内容 load(), ，然后触发自定义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 在野生动物园中正确加载了

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

并发现该页面与所有其他内容一起在页面上。

更新：

问题在于你 #newsticker 元素。它及其所有 li 元素，具有设置为/或宽度的宽度属性 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对此有所突破。