#jquery #wordpress #jquery-masonry #jquery-isotope
#jquery #wordpress #jquery-кладка #jquery-isotope
Вопрос:
Я пытаюсь заставить макет кладки jQuery Isotope работать на этом тестовом сайте: http://make.truliablog.com/test-filters
Кажется, что он сортирует их правильно, но анимация при изменении размера окна и корректировка блоков не работают. Как я могу исправить эту проблему?
Вот соответствующий код jQuery.
<script>
jQuery(document).ready(function(){
jQuery('#container').isotope({
masonry : {
columnWidth : 50
}
});
// Filter buttons
jQuery('#filters a').click(function(){
var selector = jQuery(this).attr('data-filter');
jQuery('#container').isotope({ filter: selector });
return false;
});
});
</script>
Ответ №1:
Кажется, у Isotope по умолчанию ‘animationEngine’ как ‘css’. Кратчайшим способом было бы установить ‘animationEngine’ как ‘jquery’ (при условии, что вы используете jQuery).
jQuery('#filters a').click(function(){
var selector = jQuery(this).attr('data-filter');
jQuery('#container').isotope({
filter: selector,
animationEngine : "jquery"
});
return false;
});
Комментарии:
1. Спасибо! Моя проблема мгновенно исправлена в Google Chrome на Mac.