Question

所以，我对javascript和jquery很新。我正在使用jquery ui制作手风琴导航栏。当我刚设置了heightStyle时，它工作得很好，但后来我尝试添加了collapsible：true，它从手风琴变为只有标题和无序列表。

<script type="text/javascript" >
$(function() {
    $( "#accordion" ).accordion({
        collapsible: true
        heightStyle: "content"
    });
});
</script>

Answer 1

您在options对象的属性之间缺少逗号。这会导致Javascript中出现语法错误，导致代码无法运行，从而使标记保持不变。

正确的语法是：

<script type="text/javascript" >
     $(function() {
         $( "#accordion" ).accordion({
             collapsible: true,
             heightStyle: "content"
         });
     });
 </script>

另外，请注意，您通常可以在浏览器的错误控制台中调试JS错误。例如，在Chrome和Firefox中，可以使用 Ctrl + Shift + J 启动调试控制台，或者如果您使用带有<的Mac KBD> Cmd的 + 移 + Ĵ

如何在jQuery UI手风琴中使用多个选项？

1 个答案: