在弹窗中使用SuperSlide失效的解决方法

有小伙伴反应在弹窗效果里面嵌套SuperSlide会无效果,其实原因在于js获取不了隐藏元素的宽高,解决办法是
1、SuperSlide对象(包括父元素)默认显示,不能隐藏;
2、先执行SuperSlide
3、再用js隐藏SuperSlide对象

通常弹窗代码如下


<!-- 弹窗 -->
<div class="popBox" style="display: none">
    <!-- slider -->
    <div class="slider">
        <div class="hd">
        ......
        </div>
        <div class="bd">
        .......
        </div>
    </div>
</div>
<script>jQuery(".slider").slide({ ...... });</script>

正确代码如下


<!-- 弹窗 -->
<div class="popBox" style="display: block"><!-- 弹窗不能隐藏 -->
    <!-- slider -->
    <div class="slider">
        <div class="hd">
        ......
        </div>
        <div class="bd">
        .......
        </div>
    </div>
</div>
<script>
jQuery(".slider").slide({ ...... });//先执行Superslide
jQuery(".popBox").hide();//再用js隐藏弹窗
</script>
此条目发表在 SuperSlide常见问题 分类目录。将固定链接加入收藏夹。

评论功能已关闭。