因为ajax是异步加载,所以要保证异步获取代码成功后,插入数据,再执行superslide,才能正常运行,正确代码如下:
<!-- 标准superslide盒子 -->
<div class="slideBox">
<div class="hd">
<ul></ul>
</div>
<div class="bd">
<ul>
<!-- 内容区,ajax写入 -->
</ul>
</div>
</div>
<script>
$.ajax({ // ajax开始
url: "test.html",
success: function(html){ //1、保证获取成功后再执行
$(".slideBox .bd ul").append(html); //2、往bd里面插入数据
$(".slideBox").slide({ titCell:".hd ul", autoPage:true }); //3、bd里面有数据了,才执行superslide
}
});
</script>