Jquery选项卡内容加载速度非常慢

Question

我有一个使用Jquery的5个标签页面。在页面加载时，选项卡的所有内容都显示在首页上，直到页面完全加载，内容将被放置并分离到选项卡中。目前的过程非常缓慢。还有其他选择吗？在托管登录页面的位置只接受javascript。

Answer 1

您是在onDocumentLoad还是onDocumentReady上执行此操作？

我建议在Init()函数中执行此操作...

$(Init);
function Init(){
   //set up tabs here
}

我还建议使用CSS隐藏除第一个以外的所有标签页作为默认值。

.NonFirstTabPage
{
   display:none;
}

这样，您只应在首次加载页面时看到第一个标签页，无论设置JQuery标签页需要多长时间

请记住，就像Javascript / JQuery一样，不要忘记基础知识可以解决很多简单的需求。

另一方面，我放弃了JQuery的任何内置Tab键功能，因为我觉得它很烦人（特别是使用样式） - 创建我自己的简单函数以显示和隐藏标签页是很简单的需要的。