2012-06-15 2 views
0

Я установил демо-версию масонства на this page.Масонство загружено, но не работает

Я вижу, что плагин загружается нормально, без ошибок. Я определил ширину столбца, но он все еще не работает.

Я искал часы и не нашел ничего плохого ?! Вы видите, в чем проблема?

+0

Вы загружаете jQuery дважды. 'google.load (" jquery "," 1.7.1 ");' и ''. У вас есть 'itemSelector: '.box',', но ваши элементы имеют класс '.box2'. Вы искали часы? :) – thirtydot

+0

@thirtydot О, проблема .box2 была причиной того, что я тестировал, но он не работает даже с этим исправленным. И я основываюсь на wordpress, даже если jquery загружается дважды (я пытаюсь удалить дополнительный), все мои вызовы jquery работают. Я даже делаю console.log ...? –

+0

jQuery Масонство теперь работает на вашей странице. Сделайте изображения более узкими или контейнер ваших изображений шире, и вы увидите. :/ – thirtydot

ответ

6

в соответствии с документацией здесь: кладочные документы, ваш класс css itemSelector должен указывать ширину и поплавок влево. у вас есть определенный float, но я не вижу правила ширины. также, поскольку у вас есть изображения в привязанных тегах в вашем элементе itemSelector, было бы неплохо убедиться, что эти ширины совпадают с шириной itemSelector.

0

Основываясь на вашей разметке, вам нужно указать класс «box2» в ваших вариантах кладки. так что вы должны попробовать:

$container.masonry({ 
    itemSelector : '.box2', 
    columnWidth: 125 
}); 

попробовать и посмотреть, что если вы получаете успех.

+0

На самом деле я делал тест, извините, но теперь он исправлен и все еще не работает. Мой console.log появляется, так что он проходит через. –

+0

в соответствии с документацией здесь: [masonry docs] (http://masonry.desandro.com/docs/intro.html), ваш класс css itemSelector должен указывать ширину и поплавок влево. у вас есть определенный float, но я не вижу правила ширины. также, поскольку у вас есть изображения в привязанных тегах в вашем элементе itemSelector, было бы неплохо убедиться, что эти ширины совпадают с шириной itemSelector. – chrisvillanueva

+0

Хорошо работает. Но теперь, почему он остается на 2 столбцах и не принимает ширину контейнера? –

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