jquery腳本不會完全加載jquery hide

Question

我已經下載了一個jQuery galleryscript。我用縮略圖製作了一個頁面，當你點擊一個縮略圖時，它應該加載畫廊div #galleria。我已設置庫#galleria div隱藏在jquery腳本中，所以我可以在我想要的時候調用它。這個例子。

$(document).ready(function() { 
     // Load fullscreen theme 
    Galleria.loadTheme('galleria/themes/fullscreen/galleria.fullscreen.min.js'); 

    // Intialize Galleria 
    $('#galleria').galleria() 

    $('#galleria').hide(); 

    $('.open').click(function() { 
     $('#galleria').toggle(1); 
    }); 

}); 

我認爲似乎是問題的是我隱藏的div很快，腳本可能沒有時間加載？因爲當我在$('#galleria').hide();上設置延遲像這樣$('#galleria').hide(1000);它確實工作，但它的醜陋，因爲你可以看到它閃爍。

我甚至不確定我是否已經調用了正確的錯誤。所以任何人都可以告訴我，如何在頁面加載時隱藏div，並在點擊縮略圖時調用它。所以我不會不得不使用一個醜陋的延遲，沒有延遲腳本將工作。

以下是包含這兩個示例的頁面。 U能夠使用屏幕底部的黑色按鈕切換#galleria div。

頁無延遲：http://fabianvanderwulp.nl/Test2/3d_visualizations.html

頁有延遲：http://fabianvanderwulp.nl/Test/3d_visualizations.html

在此先感謝！

Answer 1

1. 您可以使用style ='display：none'開始該廣場div。

2. 無論出於何種原因，顯示的錯誤是該圓頂廣場div的尺寸太小了50px x 50px。所以，工作，你應該沒問題..我想。

祝你好運！

=== 
    <div class="footer"><p>© 2009 - 2011 Kontravision</p></div> 
    </div> 
</div> 
</div> 
<div id="galleria">  <====== style='display:none' 
===