因為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>