jquery - JQuery 手风琴 - 无法正常工作

Question

我正在设置一个手风琴来处理我的一个页面。由于某种原因，它无法正常工作。我认为这可能是我的部分标签。下面是我的 HTML 标记：

<section class="module flag-{style} {page_module_style}"> <!-- {page_module_style} is the embed for the accordion class/id -->
  <h1>{header}</h1>
  <div class="copy">
    {copy}
  </div>
</section>

我已经应用了来自 JQuery UI 站点和 JQuery 工具的 JQuery 代码，但我得到了零响应。下面是 JQuery UI 代码：

$(function() {
  $('#accordion').accordion();
});

我已经在 J​​Query 中从一个 ID 更改为一个类，就像在我的代码中一样，并在那里交换了它。是因为我的部分标签吗？是的，JQuery 源链接在我的标题中，我已经仔细检查过。

PS 我使用的是 ExpressionEngine CMS，所以在 HMTL 标记中，这些是嵌入花括号内的。我还试图避免手动编写一些 JQuery，因为这可能会在可能具有不同样式的其他页面上实现。

Answer 1

您没有在 html 中指定 id 手风琴。用这个

<div id="accordion">
    <section class="module flag-{style} {page_module_style}"> <!-- {page_module_style} is the embed for the accordion class/id -->
      <h1>{header}</h1>
      <div class="copy">
        {copy}
      </div>
    </section>
</div>