2011-02-16 2 views
2

페이지로드시 아코디언 위젯을 닫으려면 어떻게해야합니까? 또한jQuery 아코디언 폐쇄시로드

//Accordion 
    $(".accordion").accordion({ 
     autoHeight: false, 
     navigation: true, 
     collapsible: true, 
     active: false 
    }); 

, 그것은 중요하지 않은 경우가 있습니다 만, 아코디언 div의 대화 div의 내부에 : 이것은 내가 사용하고 코드입니다.

+0

"아코디언 div는 대화 상자 div 안에 있습니다"- 무엇을 의미합니까? HTML을 붙여 넣을 수 있습니까? jQuery 아코디언 구현에는 의미 론적 요구 사항이 있습니다. 마크 업은 헤더와 div의 쌍을 필요로합니다 : http://docs.jquery.com/UI/Accordion –

답변

3

active 옵션)은 특별히 당신이 이미 가지고있는 (collapsible: true을 필요로하지만 (메뉴가 페이지로드에 붕괴되도록합니다 (docs에 따라) false해야로 설정됩니다.

이 ISN이 경우, $(window).load() 또는 $(document).ready()에 이미 있습니다. 그 중 하나에 포장해야합니다. 인 경우 데모가 없으므로 (아마도 JS Fiddle 또는 JS Bin?) 포장을 풀면 무슨 일이 일어날 지 또는 잘못된 것인지 제안하기가 어렵습니다.

JavaScript의 나머지 부분 (.accordion() 호출이 실행되고 있지 않습니까? 그렇지 않은 경우 어딘가에서 JS 오류가 발생할 수 있습니다. 확실하게하려면 JS Lint을 실행하는 것이 좋습니다.

+0

코드는 $ (document) .ready()에 없지만 스크립트는 본문의 끝에 있습니다. 상관 없어요? 이것을 제외하고는 모든 자바 스크립트가 완벽하게 실행됩니다. – Yottagray

+0

하나 * 가능한 * 해결책을 배제하는 경우에만'$ (document) .ready()'에서 * 시도 *하는 것이 좋습니다. 나는 확실히 * 우리가 그것을 작동/비 작동하고 답변을 제안 할 수 있도록 데모 (내 대답에 사이트 중 하나에) 게시 * 좋습니다. html이 없으면 도움이되지 않습니다. –

+0

jsbin을 준비 할 때, 사용하고 있던 colorpicker 플러그인과 대화 상자 위젯 사이에 이상한 충돌이 있음을 발견했습니다. 당신의 도움을 주셔서 감사합니다. – Yottagray

0

인덱스 값이 부울 또는 정수

<script language="javascript" type="text/javascript"> 
    $(function() { 
     var activeIndex = parseInt($('#<%=AccordionIndexHidden.ClientID %>').val()); 
     if (activeIndex < 0) 
      activeIndex = false; 
     $("#accordion").accordion({ 
      autoHeight: false, 
      event: "mousedown", 
      active: activeIndex, 
      change: function (event, ui) { 
       var index = $(this).children('h3').index(ui.newHeader); 
       $('#<%=AccordionIndexHidden.ClientID %>').val(index); 
      } 
     }); 
    }); 


</script> 

는 참고 0

<asp:HiddenField ID="AccordionIndexHidden" runat="server" Value="-1" /> 

보다 적은 인덱스로 시작하는 것을 잊지 수 있습니다, 숨겨진 필드가 포스트 백

사이 열려있는 아코디언을 저장 유지하는 것입니다