异步加载/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常见问题 分类目录。将固定链接加入收藏夹。

评论功能已关闭。