IE8 (режим совместимости) не загружает мой Ajax-контент
Я работаю над сценарием jQuery на http://www.qxl.dk/ и, похоже, не могу получить IE7 (или, точнее, IE8 в режиме совместимости IE7) для загрузки моего контента.
Боковое поле справа с именем "QXL Aktuelt" загружает содержимое HTML из внешнего файла с помощью Ajax. load()
, а затем запускает пользовательское событие 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
Все идеи очень приветствуются.
2 ответа
РЕДАКТИРОВАТЬ:
Похоже, ваш контент загружается. Кажется, у вас проблема с отображением CSS. Используя инструменты разработчика IE, я искал href a
который был загружен правильно в Safari
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 порвал с этим.