JQuery Accordion 자동 높이 문제

JQuery Accordion 자동 높이 문제

저는 JQuery Acordion을 사용하고 있습니다.여기에 이 페이지가 있습니다: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

자동 높이가 로드되는 데 시간이 좀 걸리고, 로드되기 전에 콘텐츠 아래에 많은 빈 공간이 있습니다.최종적으로 로드되면 높이가 더 길게 확장되고 컨텐츠의 올바른 높이까지 스냅됩니다.이것을 매끄럽게 할 수 있는 방법이 있습니까?아코디언 탭을 클릭하여 컨텐츠의 정확한 높이까지 부드럽게 확장할 수 있으면 좋겠습니다.

업데이트 08/08/2014:

사용하다heightStyle: "content"버전 1.9 이상을 사용하는 경우 (타룬의 답변)

사용하다autoHeight: false1.8 이하의 경우 (iappwebdev의 답변)

당신은 사용해야 합니다.

$("#accordion").accordion({ 

heightStyle: "content" 

});

내용에 따라 높이를 설정하고 빈 공간을 높이로 사용하지 않습니다.

그러니 그냥 준비해 두는게 어때요?autoheight거짓으로?

$( ".selector" ).accordion({ autoHeight: false });

http://jqueryui.com/demos/accordion/ #옵션-자동높이

편집

여러분의 의견을 살펴봅니다.

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

아코디언을 초기화한 다음 추가 옵션을 추가합니다.왜 그러는 겁니까?기본값:autoHeight가true, 그래서 모든 탭은 고정된 높이를 갖게 됩니다.모든 옵션을 한 번의 통화에 넣음:

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

편집

두 번째 의견에 대해:

http://jqueryui.com/demos/accordion/ #option- header을(를) 보십시오.그 옵션을 보실 수 있습니다.h3는 기본적으로 설정되므로 통화할 때 설정할 필요가 없습니다.

여기서 질문에 대한 답을 얻을 수 있습니다. JQuery accordion은 h3 태그가 없으면 작동하지 않습니다.

지식을 향상시키기 위해서는 jQuery API를 거치는 것이 매우 중요합니다.jQuery API의 경우 http://api.jquery.com/ 로 이동하고 jQuery UI의 경우 http://jqueryui.com/demos/ 으로 이동합니다.더 궁금한 점이 있으면 문제를 해결하려고 한 후와 조사를 한 후에 주저하지 말고 물어보세요.

이 모든 것이 당신의 질문에 대한 답이라면 정답으로 표시해 주시기 바랍니다.

$("#accordion").accordion({ 

heightStyle: "content" 

});

이것은 새로운 버전에서 작동합니다 그것은 나에게 효과가 있었습니다!!!

지금까지 아무 것도 작동하지 않으면 jQuery Accordion 크기만 조정합니다.contentElement- 라고 합니다.data-content다른 방법으로 구성하지 않는 한 기본적으로 다음과 같습니다.

$('.accordion').find('[data-content]').resize();

데이터를 동적으로 로드한 후 아코디언 크기를 조정하려는 경우에도 이 작업이 가능합니다.

저는 이게 통했어요.

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

언급URL : https://stackoverflow.com/questions/11034756/jquery-accordion-auto-height-issue