JQuery Равные высоты и динамический контент ⇐ Jquery
-
Гость
JQuery Равные высоты и динамический контент
Я нашел следующий jQuery, и он отлично работает для страниц, на которых нет динамического контента в сетке, загружающейся на странице при переходе от вкладки к вкладке. Одна часть сетки с вкладками, по умолчанию, правильно отрегулирует равную высоту с помощью приведенного ниже jQuery, но когда пользователь затем нажимает на одну из других вкладок, чтобы загрузить другой контент в сетку (в которой сетка содержит гораздо больше контента ), jQuery равной высоты не корректируется, в результате чего содержимое сетки выходит за пределы нижнего колонтитула или другое содержимое вне и под сеткой.
Может кто-нибудь помочь мне с предоставленным jQuery, чтобы он динамически регулировал одинаковую высоту?
Спасибо!
$(document).ready(function () { $('.content').each(function () { вар highBox = 0; $('.equalcontentcolumn', this).each(function () { если ($(this).height() > самый высокийBox) самый высокийBox = $(this).height(); }); $('.equalcontentcolumn', this).height(highestBox); }); });
Я нашел следующий jQuery, и он отлично работает для страниц, на которых нет динамического контента в сетке, загружающейся на странице при переходе от вкладки к вкладке. Одна часть сетки с вкладками, по умолчанию, правильно отрегулирует равную высоту с помощью приведенного ниже jQuery, но когда пользователь затем нажимает на одну из других вкладок, чтобы загрузить другой контент в сетку (в которой сетка содержит гораздо больше контента ), jQuery равной высоты не корректируется, в результате чего содержимое сетки выходит за пределы нижнего колонтитула или другое содержимое вне и под сеткой.
Может кто-нибудь помочь мне с предоставленным jQuery, чтобы он динамически регулировал одинаковую высоту?
Спасибо!
$(document).ready(function () { $('.content').each(function () { вар highBox = 0; $('.equalcontentcolumn', this).each(function () { если ($(this).height() > самый высокийBox) самый высокийBox = $(this).height(); }); $('.equalcontentcolumn', this).height(highestBox); }); });
Мобильная версия