Özel JQuery

Question

için JQuery UI sekmeleri yerleştirme Wordpress teması (Slate) çalıştırıyorum ve jquery.tabs.min.js ile desteklenen sekmeleri uygulayan kısa kodlarla birlikte geliyor.

Kısa kodlarını kullanarak yuvalama sekmelerini denedim ve büyük olasılıkla kısa kodları tasarladıkları için işe yaramadı. Bu nedenle, iç içe geçmiş sekmeler yapmak için bazı basit jQuery ve ekstra HTML oluşturdum. jquery sekmeleri kısa kodları.

Her şey çalışıyor, ancak beni şaşırtan bir sorun var: alt sekmeler önceki ana sekmeler alt sekmelerinden daha az sekme içeren alt-sekmeler yüklendiğinde, alt sekmelerin üzerine bir sızıntı var ve jQuery alır önceki grubun alt sekmeleri, mevcut sekmeye eklenir.

Çalışan bir örnek, here. Alıştırma alanından 'Kış Sporları Etkinlikleri' alt sekmesinin de Gece Hayatı alanında yüklendiğine ve Geziler üst sekmesindeki Müzeler ve Turistik Tesisleri'nin de yalnızca 1 alt sekme içermesi gereken Calendrier ana sekmesinde yüklendiğine dikkat edin (Montreal Olaylar).

Öyleyse üzerinde biraz garip sızıntı var ..
Başlama jQuery kodunun üstteki sekmeleri denetlemesi aşağıda.

$(function(){ 
    var subcat = $('.sub-categories'), 
     subdivfirst = $('.sub-categories div:first'), 
     subdiv = $('.sub-categories div'), 
     cattitlefirst = $('.categories ul li:first'), 
     cattitle = $('.categories ul li'); 

     subcat.children('div').hide(); 
     subdivfirst.show();  
     cattitlefirst.addClass('active'); 


     $('.categories li a').click(function(){ 
      var $this = $(this); 

      cattitle.removeClass('active'); 
      subcat.children('div').hide(); 

      $this.parent('li').addClass('active'); 

      var catLink = $this.attr('id'); 
      var showcat = $('div #sub-' + catLink); 

      showcat 
       .fadeIn(600)  
       .find('.panes').show() 
     }); 
}); 

Ve bunlar ".subcategories div'lerden" Her ardından standart jQueryUI sekmeleri içerir.

jQueryUI sekmeleri ve oluşturduğum ekstra ev yapımı sekmeler arasında bir çeşit çakışma olması gerektiğini düşünüyorum, ancak bunu nasıl izleyeceğimi bilmiyorum. Kodumu temizlemek için herhangi bir yardım, ipucu veya fikir büyük ölçüde takdir edilecektir.

Answer 1

Neden her iki kategori ve alt kategori için standart jquery UI sekmelerini kullanmıyoruz? Her ikisi de css'ye özel sınıf ekleyebilir ve alt sekmede otomatik olarak ateşler sekmesini açar ya da çerez kullanırsanız, o ana sekmede açık olan son sekmeyi açar.

Ne i düşünüyordum onlara 1. ve 2. kategori ve alt öğesi bu http://jsfiddle.net/3H33m

$(document).ready(function(){ 
    $('#Categories').tabs({ 
     show: { 
      effect: "fadeIn", duration: 600 
      } 
    }); 

    $('.sub-categories').tabs({ 
     show: { 
      effect: "fadeIn", duration: 600 
      } 
    }); 
}); 

Eklendi sadece içerik gibi bir şeydir. İkinci maun kategori subitemsleri temel olarak ilk olarak kopyalanır. Değişen HTML yapısını değiştirdim, ancak sadece öğeleri hızlıca sola sağa koymak istediğim için. Yapınızla da çalışmalı.