異步加載/ajax加載配合superslide使用方式

因為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>
此條目發表在 SuperSlide常見問題 分類目錄。將固定鏈接加入收藏夾。

評論功能已關閉。