在弹窗中使用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常见问题 分类目录。将固定链接加入收藏夹。

发表评论

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

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