Не могу получить изотоп, работая с начальной загрузкой 3. ⇐ Jquery

[Anonymous]

Следуя совету нескольких S.O. Участники, я решил попытаться использовать изотоп jQuery на веб -странице. Я также использую Bootstrap 3 и испытываю проблемы с получением миниатюрной галереи (с изображениями в сфере ландшафта /портрета). Все отлично работает, пока я не применяю изотоп к этим дефицитом. I really don't know what is going on, but I have spent several days going over everything (don't laugh) and can't figure it out, am losing my mind, etc. I'm hoping it's something pretty simple that I'm missing because I have seen examples on bootply.com that seem to work (not sure if I've seen any with Bootstrap 3, though.)

This is what's happening:

[img]" width="" height="">




< /code>

< /p>

Вот сценарий изотопа: < /p>

Код: Выделить всё

$('.iso').isotope({
// options
itemSelector: '.item',
layoutMode: 'masonry'
});

Я тестировал вещи в этом jsfiddle: http://jsfiddle.net/52vtd/345/

, который связан с Bootstrap 3 CSS и имеет мои настраиваемые CSS. По какой -то причине, кажется, он работает нормально в скрипке (за исключением того факта, что на моем сайте это выглядит совершенно иначе. Как вы увидите, это похоже на то, что он не рассчитывает вертикальную высоту DOV, и просто завещает их и скизывает друг друга. Когда я удаляю этот класс по ссылке, все работает нормально (за исключением того, что изображения не масштабируются до столбцов, которые я хочу) < /li>
Вот сумасшедшая часть: несколько раз я нажимал на другую вкладку или возвращаюсь на мой сайт после посещения другого окна, и все, кажется, работает. Клянусь, я стал свидетелем этого, но я мог галлюцинировать. Не уверен, что это означает, что он работает очень, очень, очень медленно или что -то в этом роде? Большое спасибо заранее.

Подробнее здесь: https://stackoverflow.com/questions/195 ... -thumbnail