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

Question

我正在http://www.qxl.dk/ 上编写一个 jQuery 脚本，但我似乎无法让 IE7（或更准确地说，IE7 兼容模式下的 IE8）加载我的内容。

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

同一页面上的几个其他内容部分是通过 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 的开发者工具，我搜索了一个在 Safari 中正确加载的 a 的 href

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 与此中断。