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

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>