jQuery的標籤閃存（FOUC）時，頁面加載

Question

我有以下網站：

http://cassidoo.public.iastate.edu/

我使用JQuery UI選項卡爲我的菜單。當您加載頁面時，標籤中會顯示一段內容。

我試過一切從ui-tabs-hide伎倆隱藏在Javascript中的東西。有沒有我錯過的技巧？我該怎麼辦？

謝謝你的幫助！

Answer 1

我遇到了類似的情況，這裏就是我如何解決這一問題：

（1）定義一個名爲「隱藏」的CSS類，並將其設置爲「顯示：無」

（2。 ）在每個div與類「contentpanel」，添加「隱藏」旁邊 它在你的標記。這將確保頁面加載顯示
沒有，而不是等待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選項卡內的方法，這樣說的：

http://api.jqueryui.com/tabs/

和閱讀

創建（事件，UI ）

希望這會有所幫助。

Chris