jQueryのタブフラッシュ（FOUC）ページのロード時

Question

私は、次のウェブサイトを持っている：私は私のメニューのためのjQueryのUIのタブを使用しています

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

。ページを読み込むと、タブに内容のフラッシュがあります。

私はui-tabs-hideのトリックからJavascriptのものを隠すまですべてを試しました。私は行方不明のトリックですか？私は何をすべきか？

ありがとうございました！

Answer 1

私は似たような状況に遭遇した、ここで私が問題に対処方法は次のとおりです。

（1）「非表示」と呼ばれるCSSクラスを定義し、「表示：なし」に設定し

（2。 ）を各クラスの "contentpanel"クラスに追加し、マークアップに の横にある "hide"を追加します。これは、ページが表示されるように、
がないようにします.JavaScriptがそれを処理するのを待つのではなく、表示されます。

（3.）jquery.ui.tabsセレクタを作成するときに、 "tabscreate"メソッドを使用して、コンテンツのパネルからクラス「hide」を削除します。 （イベント、UIを作成

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

と

をお読みください。これを読んで、jQueryのUIのタブの内部メソッドについての詳細を調べるには

//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 
    .... 
    ... 
    .. 
    }); 

：ので、あなたのセレクタは次のようになります）

これは役立ちます。

クリス