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

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++的Mac 。JCmdShiftJ