Question

请参阅以下

我有一个手风琴，标题定义为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'
});

将标题定义为jquery ui accordion中的标记

1 个答案: