jQuery,在页面加载后显示一个元素

Question

我有一个jQuery标签内容脚本的问题,非常简单,因为页面正在加载所有标签叠加在一起,所以我想要做的是加载元素,但隐藏直到页面的其余部分已加载,然后将其淡入,希望没有任何堆叠问题.

这是一个包含现有问题的示例网址,正如您应该看到的那样,选项卡式内容加载但看起来"堆叠".

如果有人知道更好的方法,我愿意接受其他建议.

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