Question

我有一个使用手风琴小部件的页面。我需要能够打开一个页面并在特定部分扩展手风琴。 jQuery UI为它提供了一个选项： active ，这就是我使用的选项。然而，当我打开一个页面时，手风琴被折叠了。我错过了什么？

当我查看页面来源时，我的代码看起来像这样：

$("#accordion").accordion({
    header: "h3",
    active: 3,
    collapsible: true,
    autoHeight: true
});

Answer 1

我不确定，但我会开枪。

你必须将代码包装在$（function（）{}）中;块。像这样：

<script>
     $(function() {
          $("#accordion").accordion({
               header: "h3",
               active: 3,
               collapsible: true,
               autoHeight: true
          });
     });
</script>

我希望这会有所帮助。

Answer 2

如果您可以在网络上发布jsFiddle ...或仅仅是网页本身，那就太棒了。

我会说这样做：

$(document).ready(function(){
   $(function() {
          $("#accordion").accordion({
               header: "h3",
               active: 3,
               collapsible: true,
               autoHeight: true
          });
     });
});

这使得代码仅在文档完全加载时运行。您的问题可能是jQuery正在尝试扩展尚不存在的东西。

jQuery UI手风琴没有扩展

2 个答案: