jquery .load работает только в режиме совместимости IE
Поскольку я не могу использовать PHP, я использую jquery .load для извлечения нескольких внешних html-файлов в маленькое поле контактов. Прямая ссылка на демонстрационную страницу
Приведенный ниже код прекрасно работает в Chrome и IE, используя режим совместимости.
<h1 class="hoejrehoved">Kontakt</h1>
<div class="cycle-slideshow"
data-cycle-fx="scrollHorz"
data-cycle-timeout="0"
data-cycle-pager=".example-pager"
data-cycle-slides="> div" >
<div id="loadhovednummer"></div>
<div id="loadadresse"></div>
<div id="loadsekreter"></div>
<script>
$("#loadhovednummer").load("../kontakt/hovednummer.html");
$("#loadadresse").load("../kontakt/adresse.html");
$("#loadsekreter").load("../kontakt/sekreter.html");
</script>
</div>
<div class="example-pager"></div>
Вот (ВСЕ) HTML-код в одном из внешних файлов. Я оставил заголовок и тело и такие, как я прочитал, чтобы быть правильными, во многих других постах с проблемами.load.
<div>
<h2 class="skolerolle">Adresse</h2>
<ul class="hoejreliste">
<li>Karrebæk skole</li>
<li>Kirkebakken 41</li>
<li>4736 Karrebæksminde</li>
</ul>
</div>
Интересная часть:
Если я загружаю страницу в IE, внешний результат отсутствует. Если я нажму "обновить", содержимое будет показано. Таким образом, внешнее содержимое кэшируется, но не показывается. Может быть, мне нужен.show?
Изменить: я пытался добавить.show для каждого из 3-х нагрузок. Иногда это работает, а иногда нет. Необычный.