jQuery UI 아코디언에서 둘 이상의 옵션을 사용하는 방법은 무엇입니까?

Question

그래서 저는 꽤 javascript와 jquery에 익숙합니다. 나는 jquery UI를 사용하여 아코디언 탐색 바를 만들었습니다. heightStyle을 설정했을 때 제대로 작동했지만 접을 수있는 항목을 추가하려고 시도했습니다. 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 오류를 일반적으로 디버깅 할 수 있습니다. 당신이 Cmd를 + 시프트 + J와 Mac을 사용하는 경우, 예를 들어 크롬과 파이어 폭스에서 디버그 콘솔은 Ctrl 키 + 시프트 + J로 시작하거나 할 수 있습니다.