使用同位素过滤列出标签
使用同位素过滤列出标签
提问于 2016-08-30 02:42:46
我想用同位素过滤器过滤我的画廊。我正在使用Lightgallery来展示我的作品，我需要使用同位素进行分类。它没有过滤，或者我做错了。我使用list标签来显示lightgallery图片作为我的作品集。在列表标签下没有同位素的引用。我不是jQuery方面的专家，所以我需要一些专家的建议。
这是我的Codepen，以及调用同位素的jQuery
$('#gallery').isotope({
// options
itemSelector: '.galleryitem',
layoutMode: 'fitRows'
});回答 1
Stack Overflow用户
发布于 2016-08-31 09:09:26
不幸的是，fitRows没有任何像columnWidth这样的度量标准，它可以用于居中(根据Desandro)，所以它不是可以在不单独编写代码的情况下轻松居中的布局。您需要使用像masonry这样的布局来使项目居中。下面的代码显示了这是如何工作的，我为您的过滤添加了一个修复程序。与此问题无关，但您可能希望在调用同位素之前使用imagesloaded.js加载图像。
$('#gallery').isotope({
// options
itemSelector: '.galleryitem',
percentPosition: true,
masonry: {
fitWidth: true
}
});
$('button').on( 'click', function() {
var filterValue = $(this).attr('data-filter');
$('#gallery').isotope({ filter: filterValue });
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39213051
复制相关文章
相似问题
腾讯云开发者
