jQuery Accordian完全忽略了我在javascript调用中所做的任何设置

Question

我最近在我的网站上添加了一个Accordian,以便于查看和管理内容,但是它没有表现,你最初会怀疑,首先它完全忽略了我在javascript调用中所做的任何设置,例如,如果我将autoheight更改为true或者是假的,绝对没有明显的变化.

<div id="accordion">
<h3><a href="#">Accordion Header #1</a></h3>
<div>
Lots of content here which would belong to the accordion menu selected, this would be much larger than the other two contents.
</div>

<h3><a href="#">Accordion Header #2</a></h3>
<div>
Not as much as #1, therefore the height is reduced to support that without leaving a huge gap
</div>

<h3><a href="#">Accordion Header #3</a></h3>
<div>
Only about a line of writing, don;t want the huge gap
</div>

</div>

可悲的是,无论我做什么,手风琴绝对没有响应,我不希望较小内容的巨大差距,我理解它可能删除这些因为它们看起来非常难看.但是,如上所述,我的脚本只是没有回应.

我在我的文档的标题中有这个:

<script>
  $(document).ready(function() {
    $( "#accordian" ).accordion({ clearStyle: true, autoHeight: false });
  });
  </script>

我非常感谢你花时间试图解决这个问题.

Answer 1

你有,<div id="accordion">但你打电话$( "#accordian" ).