2011-05-27 3 views
0

J'ai une page qui contient une liste d'onglets qui affichent des onglets ailleurs dans la même page. J'aimerais que certains des onglets soient imbriqués. Les éléments de l'onglet imbriqué ne sont révélés que lorsque l'élément parent est cliqué. Par conséquent, certains éléments de la liste seront des onglets et certains afficheront simplement les onglets imbriqués. Ceci est un exemple de mon balisage.Problème d'onglets JQuery UI

<div class="tabpanel></div> 
<div class="tabpanel></div> 
<div class="tabpanel></div> 

<ul id="tabs"> 
<li><a href="#tabs-1">Accordion</a></li> 
<li><a href="">Tables</a> 
<ul> 
<li><a href="#tabs-2">Widgets</a></li> 
<li><a href="#tabs-3">Tables</a> 
</ul> 
</li> 
<li><a href="#tabs-4">Tooltips</a></li> 
</ul> 

J'ai initialisé les onglets comme ceci:. $ (« # Onglets ») onglets (« de div.tabpanel »), ce qui ne semble travailler pour ouvrir les panneaux de l'onglet qui sont assis ailleurs dans le balisage, mais tous Les éléments de la liste parent sont toujours des onglets. par exemple. Dans l'exemple ci-dessus, les «tables» déclenchent toujours un clic sur un onglet. Je voudrais désactiver cela car ce n'est pas vraiment un clic d'onglet, je veux juste montrer les éléments imbriqués et ils vont déclencher l'ouverture de panneaux à onglets.

Répondre