jquery - jQuery，在页面加载后显示一个元素

Question

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

这是一个存在问题的示例 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()函数的参数；
3. 我使用jQuery()而不是$()避免与其他库发生冲突。