Vấn đề về chiều cao tự động của JQuery Accordion

Tôi đang sử dụng JQuery Accordion. Tôi có trang này ở đây: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

Điều xảy ra là Chiều cao tự động đang mất một khoảng thời gian để tải, trước khi tải có rất nhiều khoảng trắng bên dưới nội dung. Cuối cùng khi nó tải xong, chiều cao sẽ mở rộng thành dài hơn sau đó bắt kịp với chiều cao chính xác của nội dung. Có cách nào để việc này được liền mạch không? Tôi chỉ muốn có thể nhấp vào tab Accordion và để nó mở rộng mượt mà đến chiều cao chính xác của nội dung.

Cập nhật 08/08/2014:

Sử dụng heightStyle: "content"nếu bạn đang sử dụng phiên bản 1.9 trở lên ( câu trả lời của Tarun )

Sử dụng autoHeight: falsecho 1.8 trở xuống (câu trả lời của iappwebdev)

Vậy tại sao bạn không đặt autoheightthành false?

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

http://jqueryui.com/demos/accordion/#option-autoHeight

BIÊN TẬP

Nhìn vào bình luận của bạn:

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

Bạn đang khởi tạo đàn accordion và sau đó bạn thêm nhiều tùy chọn hơn cho nó. Tại sao bạn làm việc đó? Giá trị mặc định cho autoHeightlà true, vì vậy mọi tab đều có chiều cao cố định. Đặt tất cả các tùy chọn trong một cuộc gọi:

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

BIÊN TẬP

Về nhận xét thứ 2 của bạn:

Hãy xem tại http://jqueryui.com/demos/accordion/#option-header . Bạn có thể thấy tùy chọn đó h3được đặt theo mặc định, vì vậy bạn không cần phải đặt nó trong cuộc gọi của mình.

Và bạn nhận được câu trả lời cho câu hỏi của mình ở đây: JQuery accordion không hoạt động nếu không có thẻ h3 .

Điều khá quan trọng là phải sử dụng API jQuery để nâng cao kiến ​​thức của bạn. Đối với API jQuery, hãy truy cập vào http://api.jquery.com/ và cho giao diện người dùng jQuery, hãy truy cập http://jqueryui.com/demos/ . Nếu bạn có thêm bất kỳ câu hỏi nào, đừng ngần ngại hỏi sau khi bạn đã cố gắng giải quyết vấn đề của mình và sau khi bạn thực hiện một số nghiên cứu.

Nếu tất cả điều này trả lời câu hỏi của bạn, vui lòng đánh dấu nó là câu trả lời đúng.

bạn nên sử dụng

$("#accordion").accordion({ 

heightStyle: "content" 

});

Nó sẽ đặt chiều cao theo nội dung của bạn. và sẽ không sử dụng không gian trống làm chiều cao.

$("#accordion").accordion({ 

heightStyle: "content" 

});

Điều này đang hoạt động trong phiên bản mới của nó đã làm việc cho tôi !!!

Điều này đã làm việc cho tôi.

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

Nếu không có gì hoạt động cho đến nay, chỉ cần thay đổi kích thước của jQuery Accordion contentElement- nó được gọi data-contenttheo mặc định, trừ khi bạn định cấu hình nó theo cách khác:

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

Điều này cũng sẽ hoạt động nếu bạn muốn thay đổi kích thước Accordion sau khi dữ liệu của bạn được tải động.