Javascript 设置为active:false时，jQuery Accordion在第一次单击后中断_Javascript_Jquery_Accordion

Javascript 设置为active:false时，jQuery Accordion在第一次单击后中断

javascript jquery

Javascript 设置为active:false时，jQuery Accordion在第一次单击后中断,javascript,jquery,accordion,Javascript,Jquery,Accordion,我的网站上有一个jQuery手风琴已经有一段时间了，它似乎工作得很好，直到今天我检查它，它坏了。我已经好几个星期没有接触HTML了。我又经历了一遍，似乎什么都没有改变，所以我不知道发生了什么我将accordion的“active”属性设置为“false”，这样accordion就不会在文档加载时显示活动部分。我还将“可折叠”设置为“true”，就像指定的文档一样。为了确保它不是页面上的另一个元素，我创建了一个全新的页面，上面只有最基本的手风琴元素，但仍然无法正常工作问题是，在点击第一个手风琴

我的网站上有一个jQuery手风琴已经有一段时间了，它似乎工作得很好，直到今天我检查它，它坏了。我已经好几个星期没有接触HTML了。我又经历了一遍，似乎什么都没有改变，所以我不知道发生了什么

我将accordion的“active”属性设置为“false”，这样accordion就不会在文档加载时显示活动部分。我还将“可折叠”设置为“true”，就像指定的文档一样。为了确保它不是页面上的另一个元素，我创建了一个全新的页面，上面只有最基本的手风琴元素，但仍然无法正常工作

问题是，在点击第一个手风琴部分后，点击任何其他部分都不起作用-你被困在打开的部分。我注意到删除“active”属性完全解决了这个问题，但是当然在文档加载时会打开一个活动部分，这是我不想要的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("#accordion").accordion({active: false, alwaysOpen: true, autoHeight: false, collapsible: true});
  });
</script>
</head>
<body>
<div id="accordion">

    <p><a href="#">1</a></p>
    <div>this</div>

    <p><a href="#">2</a></p>
    <div>isn't</div>

    <p><a href="#">3</a></p>
    <div>working</div>

    <p><a href="#">4</a></p>
    <div>correctly</div>

</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#accordion”）.accordion（{active:false，alwaysOpen:true，autoHeight:false，collapsable:true}）；
});

这

不是吗

工作

正确地

我还注意到，如果我删除active:false，并保留collapsable:true，我只能“折叠”一个部分两次，然后同样的事情发生了——这些部分锁定并停止折叠/打开。

好吧，我立即看到了以下问题：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

高度样式类型

控制手风琴和每个面板的高度。可能值：

“自动”：所有面板将设置为最高面板的高度
“填充”：根据手风琴的父级高度展开到可用高度
“内容”：每个面板的高度仅与其内容相同

代码示例：

$(function(){
    $("#accordion").accordion({
       active: false,
       heightStyle: "content",
       collapsible: true
    });
});

谢谢，成功了！下次我会记住版本号的。

$(function(){
    $("#accordion").accordion({
       active: false,
       heightStyle: "content",
       collapsible: true
    });
});