js運行前的可見跳轉

Question

我已經編寫了一個腳本，它需要一個無序列表並將其轉變爲手風琴。當頁面加載時，我注意到在JS運行之前，列表仍然顯示爲正常的一秒或兩秒，然後由js格式化爲手風琴。我無法編輯CSS來隱藏列表並顯示一次js加載，因爲我想爲沒有js的用戶提供替代方案。

我在頁面加載中運行該功能。

在這種情況下我能做些什麼嗎？我想不出一個解決問題的好方法。

Answer 1

這是因爲$（document）.ready（）在執行代碼之前等待HTML呈現。

你可能將你的手風琴初始化是正確的<ul>

即

<ul class="accordion"> 
    <li>Accordion Item</li> 
    <li>Accordion Item</li> 
</ul> 
<script type="text/javascript"> 
    $(".accordion").accordion(); 
</script>