JQuery手风琴 - 不能正常工作

时间:2013-01-14 16:31:31

标签: jquery html expressionengine

我正在设置手风琴在我的一个页面上工作。由于某种原因,它无法正常工作。我想这可能是我的部分标签。下面是我的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 Tools的JQuery代码,我得到了零响应。下面是JQuery UI代码:

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

我已经将JQuery从一个ID变为一个类,就像在我的代码中一样,并在那里交换它。是因为我的部分标签? 是的,JQuery源链接在我的标题中,我已经仔细检查了。

P.S。我正在使用ExpressionEngine CMS,因此在HMTL标记中,这些嵌入在花括号中。我也试图远离手工编写一些JQuery,因为这可能会在可能具有不同样式的其他页面上实现。

1 个答案:

答案 0 :(得分: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>