如何在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 +移+Ĵ如果你使用的是Mac與Cmd的 + 移 + Ĵ推出或。