jQuery，顯示頁面加載後的元素

Question

我有一個jQuery選項卡式內容腳本的問題，非常簡單，因爲頁面加載所有的標籤堆疊在一起，所以我什麼希望能夠做到的是加載元素，但隱藏它直到頁面的其餘部分加載，然後淡入，希望沒有任何堆棧問題。

這裏的a sample URL與現有的問題，你應該能夠看到，標籤式內容加載但看起來「堆疊」。

如果有人知道更好的方法，我願意接受其他建議。

Answer 1

你可以在默認情況下隱藏它，如：

<ul class="side-nav z-tabs-nav z-tabs-desktop z-hide-menu" 
    id="stacktabs" style="display:none"> 

，然後添加這個js到頁面的底部：

jQuery(document).ready(function(){ 
    jQuery('#stacktabs').fadeIn(1000); 
}); 

請注意：

1. 我我們爲您的ul標籤添加了ID，因爲您有兩個移動和非移動設備列表。我想你只需要淡入一個;
2. 您可以指定以毫秒爲單位的fadein速度作爲fadeIn()函數的參數;
3. 我用jQuery()而不是$()來避免與其他庫衝突。