在彈窗中使用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常見問題 分類目錄。將固定鏈接加入收藏夾。

評論功能已關閉。