jQuery sekmeler flaş (FOUC) sayfa yüklendiğinde

Question

Aşağıdaki web sitesi var: Ben menü için JQuery UI Sekmeler kullanıyorum

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

. Sayfayı yüklediğinizde, sekmelerdeki içeriğin bir kopyası vardır.

Her şeyi Javascript'te saklamak için ui-tabs-hide numarasından denedim. Kaybettiğim bir numara var mı? Ne yapmalıyım?

Yardımlarınız için teşekkür ederiz!

Answer 1

Burada da benzer bir durumun içine koştum ve sorunu ele nasıl:

(1.) "gizlemek" adlı bir css sınıfı tanımlamak ve ayarlamak için "display: none"

(2.) "contentpanel" sınıfındaki her divanda, işaretlemenizde 'un yanındaki "gizle" yi ekleyin. Bu, sayfanın, işlenmesini sağlamak için javascript'i beklemek yerine,
göstergesinin görüntülenmesini sağlayacaktır.

(3.) Eğer jquery.ui.tabs seçici oluştururken, içerik panellerden sınıf "gizlemek" kaldırmak için "tabscreate" yöntemini kullanın. böylece seçici böyle görünecektir: (olay, ui

oluşturmak

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

ve okuyun:

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

iç yöntemler bulmak jQuery UI sekmeleri hakkında daha fazla için, bu okuma

Bu yardımcı olur umarım.

Chris