有小伙伴反应在弹窗效果里面嵌套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>