使用jQuery UI Accordion小部件隱藏頁面加載時的div

Question

我正在使用jQuery Accordion。 當頁面加載時，所有div都會在隱藏之前閃爍一秒鍾。 我希望div在加載時保持隱藏狀態。 我以為我是這樣做的，通過javascript隱藏在文檔就緒檢查之外，如下所示：

$('#accordion div').hide();
$('#accordion2 div').hide();

jQuery(document).ready(function($) {...

但是這不起作用，我懷疑是因為我正在使用尚未聲明的$快捷方式。

如何在頁面加載時觸發hide（）函數，而不是等到它完全加載然后隱藏div？

謝謝！

Answer 1

它不起作用的原因是因為你試圖在元素存在之前隱藏它們。 如果您將代碼放在頁面的末尾，它會起作用，但即使這樣，您也不確定它們是否會在瞬間顯示。

使用CSS隱藏它們，然后當它們存在時它們已被隱藏：

<style type="text/css">

#accordion div, #accordion2 div { display: none; }

</style>

Answer 2

這些語句試圖隱藏尚未加載的內容：

$('#accordion div').hide();
$('#accordion2 div').hide();

使用jQuery你應該寫這個：

$(function(){
    $('#accordion div').hide();
    $('#accordion2 div').hide();
});

因此，代碼將在加載html文檔的骨架后執行