如何将fancybox与filterizr一起使用，以使图像库中只包含已过滤的项目？
如何将fancybox与filterizr一起使用，以使图像库中只包含已过滤的项目？
提问于 2018-01-31 02:20:33
当我在fancybox中使用filerizr时，它会显示图库中的所有图像，而不仅仅是过滤后的图像。我尝试使用可见选择器只显示可见的项目，但它不起作用。有没有人能帮我找到一个解决方案。我知道filterizr为所有过滤后的元素添加了一个名为filteredout的类，但我不知道如何才能将这个类用于fancybox
示例:https://www.mealfixer.com/index1.php
Code:
var filterizd = $('.filtr-container').filterizr({
});
$().fancybox({
selector : '.shown:visible > a'
})回答 1
Stack Overflow用户
回答已采纳
发布于 2018-01-31 02:49:03
首先，你可以很容易地检查你是否使用了正确的选择器。只需单击该链接，只有两个项目可见。然后打开控制台并运行$('.shown:visible > a').length -它返回6(因为最初有6个链接)。显然，这就是为什么fancyBox会显示所有这些内容的原因。
在检查您的链接时，我注意到它们都应用了shown类名，但隐藏的链接应用了filteredOut。
试试这个：
$().fancybox({
selector : '.shown:not(.filteredOut) > a'
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48528058
复制相关文章
相似问题
腾讯云开发者
