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