Javascript 页面加载时jQuery选项卡闪烁（FOUC）

我有以下网站：

我在菜单中使用JQuery UI选项卡。加载页面时，选项卡中的内容会闪烁

从

ui选项卡隐藏

技巧到用Javascript隐藏东西，我都试过了。我错过了什么把戏吗？我该怎么办

---

谢谢你的帮助

我遇到了类似的情况，下面是我如何解决这个问题的：

（1.）定义一个名为“hide”的css类，并将其设置为“display:none”

（2.）在类为“contentpanel”的每个div中，在右侧的 它在你的标记中。这将确保页面以显示方式加载
没有，而不是等待javascript来处理它

（3.）创建jquery.ui.tabs选择器时，使用 “tabscreate”方法从内容中删除类“hide” 面板。因此，您的选择器将如下所示：

  //define tabs instance 
   $( "#tabs" ).tabs({

        create: function( event, ui ) {
           //when tabs are created, remove your class .hide from each content panel
           //so jquery tabs will control when panel content will surface
           $(your contentpanel selector).removeClass(hide);
        }
     //whatever else you need to do
     ....
     ...
     ..
    }); 

要了解有关jQuery UI选项卡内部方法的更多信息，请阅读以下内容：

阅读

创建（事件、用户界面）

希望这有帮助

---

Chris

我认为您应该在文档就绪状态下调用tabcontrol.js中的内容。使用css（而不是js）在选项卡上尝试z index=-1，看看是否有效