Вопрос высоты аккордеона JQuery автоматический

Я использую аккордеон JQuery. У меня есть эта страница здесь:http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

что происходит, это автоматическая Высота занимает некоторое время для загрузки, прежде чем он загружает есть много белого пространства под содержимым. Когда он наконец загрузится, высота будет расширяться до более длинной, а затем привязываться к правильной высоте содержимого. Есть ли способ, чтобы это было бесшовным? Я просто хочу иметь возможность щелкнуть вкладку аккордеона и иметь он плавно расширяется до точной высоты содержимого.

08/08/2014 обновления:

использовать heightStyle: "content" Если вы используете версия 1.9 и выше (ответ Таруна)

использовать autoHeight: false на 1.8 и ниже (ответ iappwebdev)

5 73
jquery accordion

5 ответов:

так почему бы вам просто не установить autoheight ложь?

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

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

EDIT

глядя на ваш комментарий:

// 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 
});



EDIT

что касается вашего 2-го комментария:

взгляните наhttp://jqueryui.com/demos/accordion/#option-header. вы можете увидеть этот вариант h3 устанавливается по умолчанию, поэтому вам не нужно устанавливать его в своем вызове.

и вы получите ответ на свой вопрос здесь: аккордеон JQuery не работает без тегов h3.

это очень важно, чтобы пройти через jQuery API для улучшения ваших знаний. Для jQuery API-интерфейс перейдите в http://api.jquery.com/ и для пользовательского интерфейса jQuery перейти к http://jqueryui.com/demos/. Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать после вы пытались решить вашу проблему и после вы провели некоторые исследования.

если все это ответил Ваш вопрос, пожалуйста, отметьте его как правильный ответ.

56

вы должны использовать

$("#accordion").accordion({ 

heightStyle: "content" 

});

Он будет задавать высоту в соответствии с вашим контентом. и не будет использовать пустое пространство в качестве высоты.

148
$("#accordion").accordion({ 

heightStyle: "content" 

});

это работает в новой версии это сработало для меня !!!

10

это сработало для меня.

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

Если ничего не работает до сих пор, просто измените размер аккордеона jQuery contentElement - это называется data-content по умолчанию, если вы не настроили его по-разному:

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

Это также будет работать, если вы хотите изменить размер аккордеона после динамической загрузки данных.

0