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()而不是$()来避免与其他库冲突。