如何强制 jQuery UI 忽略 Accordion 中的某些元素

Question

我有一个 Jquery UI Accordion，我在其中动态添加某些元素。我使用自己编写的排序代码，允许我以正确的字母顺序添加动态 Accordion 类别。我遇到的问题是，如果动态元素位于手风琴的最顶部或最底部，那么我的排序功能就会失败。

我想出了一个 jimmy-rigged 的​​方法，通过在手风琴内部创建虚拟元素，顶部元素为 id="0000000000000000000000000000"，底部元素为 id="zzzzzzzzzzzzzzzzzzzzzzzzzzz"，从而绕过排序问题

现在的问题是 Accordion 不知道如何处理这些虚拟元素，并且没有任何 display:none、visibility:hidden、disabled 甚至 data-role="none" 可以解决这个问题。

我的问题是如何在手风琴的最顶部和最底部添加虚拟元素，这些元素将被手风琴完全忽略。如果元素是div、span、img 或其他任何元素，对我来说都没有关系，只要手风琴会忽略它们，任何一个都可以。

谢谢。

Answer 1

虽然您无法明确指定 Accordion 忽略哪些元素，但您可以使用 header 选项指定它接受哪些元素。我建议在顶部和底部元素中添加一个名为 ignore 的类，然后使用 :not() 选择器包含不包含此类的任何其他元素。

有关示例，请参阅以下jsFiddle。

$('#myAccordion').accordion({
    header: 'h3:not(.ignore)'
}); 

希望能解决您的问题。正如 Interrobang 所说，问题很可能出在排序上。