IE8(兼容模式)不会加载我的Ajax内容
-
05-10-2019 - |
题
我正在制作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
所有想法都非常欢迎。
解决方案
编辑:
看起来您的内容正在加载。您似乎有一个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>
其他提示
删除JavaScript代码中的所有控制台。出于某种原因,IE对此有所突破。