jquery - 在 jquery ui 手风琴中将标头定义为标签

Question

见下文

js小提琴

我有一个手风琴，其标题定义为 a.viewLabel。我的目标是创建另一个链接到外部页面的课程。但是你会在小提琴中看到定义标题会导致手风琴行为异常

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

Answer 1

内部手风琴被视为原始手风琴的一部分，因为选择器会找到与您的选择器匹配的所有元素，无论它们位于您实例化的元素的 DOM 树内的什么位置。

我建议将内部手风琴与不同的类分开，并在里面实例化一个新的手风琴。

这是一个例子。

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'
});