限定標頭，如在jquery的標籤UI手風琴

Question

看到以下

js fiddle

我與定義爲a.viewLabel頭的手風琴。我的目標是要有另一個類將鏈接到外部頁面。但你會在撥弄看到，定義頁眉導致手風琴運行異常

$("#main-nav").accordion({ 
    autoHeight: false, 
    collapsible: true, 
    active: false, 
    header: 'a.viewLabel' 
}); 

Answer 1

內手風琴被視爲原手風琴的一部分，因爲選擇查找您的所有選擇器匹配的元素，無論他們在哪裏位於您實例化的元素的DOM樹內。

我會建議分開不同類的內部手風琴，並在裏面實例化一個新的手風琴。

Here's an example.

HTML：

<ul id="main-nav"> 
    <li><a href="" class="viewLabel">item one</a> 
     <ul id="new"> 
      <li><a href="" class="viewLabel1">item one</a></li> 
      <li><a href="" class="viewLabel1">item one</a></li> 
      <li><a href="" class="viewLabel1">item one</a></li> 
     </ul> 
    </li> 
    <li><a href="" class="viewLabel">item one</a></li> 
    <li><a href="" class="viewLabel">item one</a></li> 
</ul> 

JS：

$("#main-nav").accordion({ 
    autoHeight: false, 
    collapsible: true, 
    active: false, 
    header: 'a.viewLabel' 
}); 

$("#new").accordion({ 
    autoHeight: false, 
    collapsible: true, 
    active: false, 
    header: 'a.viewLabel1' 
});