Question

我正在尝试用JQuery制作手风琴并遇到麻烦。 JQuery网站显示创建这样的手风琴内容。

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

当我这样做时，手风琴不能正常工作，格式化有问题。如果我把h3标签放在标题锚点周围，那么

<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>

有效。有谁知道为什么会这样？它发生在Firefox 3.5和IE 8中。我今天也刚刚下载了JQuery文件。

-Thanks

Answer 1

您必须使用指定的标题选项初始化手风琴：

$('#accordion').accordion({ 
  header: 'a' 
});

您还可以查看jQuery Accordion API以获取更多选项。

Answer 2

您必须设置适当的header option。

在您的情况下，您希望将锚点用作标题：

$('#accordion').accordion({
  header: "a"
});

Answer 3

试试这个

<script>

jQuery( "#accordion" ).accordion({heightStyle: "content",header: 'h3' });

</script>

这在IE中可行。

没有h3标签，JQuery手风琴不起作用

3 个答案: