在加載頁面時顯示重新加載框的燈箱

Question

我正在嘗試對圖庫頁面使用燈箱功能，第一次加載時頁面工作正常，但是第二次加載，即如果我第二次從其他頁面進入圖庫頁面，則顯示帶有加載符號的白框，如果我重新加載頁面，該按鈕將熄滅；如果不刷新，該按鈕將保留。 即使我從網站的任何頁面訪問該頁面，它也保持不變。

http://postimg.org/image/41q5mcxfd/

http://postimg.org/image/jhmuyq9gx/

請檢查屏幕截圖

我正在使用的燈箱腳本是：

<script src="js/lightbox.js"></script>
<a class="example-image-link" href="../img/<?php echo $image; ?>" data-lightbox="example-set" ><img class="sample" src="../img/<?php echo $image; ?>" alt=""/></a>

Answer 1

找到解決方案，

$(document).ready(function(){

        $(".lightbox").each(function(){
            if($(this).css('display') == "block"){
                $(this).hide();
            }
        });
});