jquery-ui - 如何在 jQuery UI Accordion 中使用多个选项？

Question

所以，我对 javascript 和 jquery 还很陌生。我正在使用 jquery ui 制作 Accordion 导航栏。当我刚刚设置了 heightStyle 时，它​​工作得很好，但后来我尝试添加 collapsible: true ，它从 Accordion 变成了标题和无序列表。

<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 启动调试控制台，或者如果您使用的是带有 < kbd>Cmd+Shift+J。