4

我正在尝试为我的嵌套<ul> <li>标签显示一个 jQuery 手风琴......

我发现这个网站显示手风琴：http: //jqueryui.com/demos/accordion/

但不幸的是，它使用<h3>标签作为标题。

在我的实际代码中，我只有<ul>和<li>标签，我试过了，但我无法理解要编写什么函数来获得它。

我的代码风格类似于：

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea
      <ul>
      <li>China</li>
      <li>Africa</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>
4

1 回答 1

0

据我所知，您必须像示例中那样构建文档。
jQuery 正在搜索带有锚点的标题，然后是 div 块，依此类推......

例子：

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

所以，你必须使用 jQuery 的标记，否则 jQuery 将无法识别你的内容。
您列表的另一个问题<ul>是，jQuery 不知道哪一部分是标题，哪一部分是内容。

此时，您有几个选择：

  • 可以在 jQuery 中找到对应的代码行进行编辑（不推荐）
  • 您可以编写自己的手风琴（基于原版）
  • （如果你真的想要你的列表）你可以在运行时用相应的“jQuery标签”<ul>交换<ul>和标签<li>
  • 使用 jQuery 的标记（推荐）

此致

于 2012-10-01T21:28:57.237 回答