Javascript IE8（兼容模式）赢得'；不要加载我的Ajax内容

我正在上编写jQuery脚本，但似乎无法让IE7（或者更准确地说，IE7兼容模式下的IE8）加载我的内容

右边名为“QXL Aktuelt”的边栏框使用Ajax

load（）

，从外部文件加载HTML内容，然后触发一个自定义jQuery事件（“

Aktuelt\u loaded

”），该事件启动一个旋转木马脚本（如滚动新闻票证）

同一页面上的其他几个内容部分是通过Ajax加载的，它们工作得很好，所以我想知道出了什么问题。在Firefox3.6和IE8中，一切都如预期的那样工作，但在IE8的兼容模式下则不然

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

$（“#qxlaktueltHolder”）.load（“/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm”，函数（）{
$（“#qxlaktueltHolder”）.trigger（“qxlaktuelt_加载”，[]）；
});

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

---

欢迎提出所有想法。

编辑：

看起来您的内容正在加载。您似乎有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>

---

编辑：

看起来您的内容正在加载。您似乎有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>

---

删除JavaScript代码中的所有控制台。出于某种原因，IE与此决裂。

删除JavaScript代码中的所有控制台。出于某种原因，IE与此决裂。

在您的一个脚本标记中有一个

语言

属性。是的。@Marcel:True-但这不应该影响ajax加载，您的一个脚本标记中有一个

语言
属性。是的。@Marcel:True-但这不应该影响ajax加载事实上，这不应该是一个问题-至少在IE8或Firefox中不是这样（我已经使用延迟等进行了测试，并且我使用的事件模型可以工作，无论首先加载的是什么，脚本还是ajax内容）。但另一方面，兼容性模式在发展过程中往往会制定自己的规则，所以我将尝试一下。谢谢你的邀请reply@Jens罗兰-是的，
load（）
是异步的，我认为
qxlaktuelt_liveload.js
可能有机会在响应返回之前加载。不过，如果响应足够快，就会出现问题，因此最好按正确的顺序加载脚本文件，这样您就不会在尚未加载的文件中引用代码。@Jens Roland-我觉得您的内容正在加载。这似乎是一个CSS显示问题。我复制了Safari中加载的元素的
href
，并在IE中的开发者工具中进行了搜索。果然，它和所有其他元素都在那里。我将更新我的答案以反映事实，并尝试看看是否能找到CSS问题的快速解决方案。有趣！！！！非常感谢-这就缩小了很多范围！显示LI项的代码在jCarousel文件中，我将尝试延迟到window.load-可能是：）window.load工作正常-耶！谢谢你的帮助，我认为你的答案是正确的。做得好！！实际上，这不应该是一个问题——至少IE8或Firefox中没有（我已经使用延迟等进行了测试，并且我使用的事件模型可以工作，而不管首先加载的是什么，脚本还是Ajax内容）。但另一方面，兼容性模式在发展过程中往往会制定自己的规则，所以我将尝试一下。谢谢你的邀请reply@Jens罗兰-是的，
load（）
是异步的，我认为
qxlaktuelt_liveload.js
可能有机会在响应返回之前加载。不过，如果响应足够快，就会出现问题，因此最好按正确的顺序加载脚本文件，这样您就不会在尚未加载的文件中引用代码。@Jens Roland-我觉得您的内容正在加载。这似乎是一个CSS显示问题。我复制了Safari中加载的元素的
href
，并在IE中的开发者工具中进行了搜索。果然，它和所有其他元素都在那里。我将更新我的答案以反映事实，并尝试看看是否能找到CSS问题的快速解决方案。有趣！！！！非常感谢-这就缩小了很多范围！显示LI项的代码在jCarousel文件中，我将尝试延迟到window.load-可能是：）window.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>