2012-03-23 2 views
0

я использовал следующий JS код, чтобы создать равные колонки по высоте:равные колонки по высоте

var colHeight = Math.max($('.3columngallery .col1').height(), $('.3columngallery .col2').height(), $('.3columngallery .col3').height()); 
$('.3columngallery .gallery').height(colHeight); 

Это работает отлично в Firefox и Safari, но не в хроме и опере.

Вот ссылка на страницу, где я использовал этот скрипт: http://www.jaspreetkaur.com/gwstudio/product-gallery

+0

Когда вы говорите _ «не работает» _, Что вы имеете в виду? – gdoron

+1

Я не думаю, что проблема с высотой, я вижу, что они имеют одинаковую высоту и в хроме. Это может быть проблемой с плавающими элементами. – slash197

+0

Похоже, мне нужно найти способ вызова сценария при загрузке изображений. В настоящее время я использую $ (function() {...}); –

ответ

2

Если вы используете изображения внутри этого контейнера следует использовать

$(window).load(function() 

вместо

$(function() { 

потому что изображения не загружаются в dom.

Смежные вопросы