Сделать сценарий равных высот jQuery пересчитан новым контентом

Question

Я использую this jQuery plugin, чтобы получить основное содержимое и боковую панель в соответствии с высотами, что отлично работает. Но теперь я обновляю страницу каталога членов, и я установил имена для расширения из основного списка в полный список при нажатии. Тем не менее, я не могу заставить контент и боковые панели расширяться и сжиматься с ними.

Вот пример страницы с фиктивным контентом: http://stylesmithonline.com/AWAD_test/AWAD_directory_test.html (Примечание: я знаю, что мне нужно переместить те события onClick в их собственную функцию, кто-то создал оригинальный сайт, поэтому у меня есть какая-то уборка).

Я попытался добавить класс «расширить» на связи и вызова на функцию с этим:

$(document).delegate('.expand', 'click', function(){ 
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns(); 
}); 

Он работает один раз, если я удалить первоначальный вызов функции:

$(window).load(function() { 
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns(); 
}); 

Кроме того, если я перейду на определенную высоту к событию клика, он будет работать.

Любая идея, почему она не расширяется и не сокращается, как я ее хочу?

Спасибо, Скотт

Answer 1

Глядя на документацию, я считаю, что это не работает, потому что высота устанавливается путем считывания высоты дел. Однако у вашего основного div есть высота, установленная плагином, и это не изменяется, когда добавляется больше контента.

Попробуйте сбросить высоту ваших див в auto перед вызовом плагина:

$("#content, #sidebar, #content-sidebar-wrap").css('height','auto').equalHeightColumns(); 

Кроме того, если вы пытаетесь соответствовать высоты из-за белый фон, позвольте мне предложить альтернативу: использовать Faux Columns техника. Могли бы спасти вас от многих головных болей.