由于我无法使用PHP,因此我使用jquery .load将一些外部html文件提取到一个小的联系人框中。 Direct link to demo page
以下代码在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个加载中的每一个。有时候它会起作用,而有时却不起作用。古怪。