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()代替$()来避免与其他库发生冲突。