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

Question

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

我想出了一种吉米操纵的方法，可以让我通过在 Accordion 内创建虚拟元素来绕过排序问题，其中顶部元素具有 id="0000000000000000000000000000" ，底部元素具有 id="zzzzzzzzzzzzzzzzzzzzzzzzzzzz"

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

我的问题是如何将虚拟元素添加到 Accordion 的最顶部和最底部，这些元素将被 Accordion 完全忽略。如果元素是 div、span、img 或其他任何元素对我来说并不重要，只要 Accordion 会忽略，任何元素都可以工作他们。

谢谢。

Answer 1

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

查看以下jsFiddle举个例子。

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

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