如何将fancybox与filterizr一起使用，以使图像库中只包含已过滤的项目？
如何将fancybox与filterizr一起使用，以使图像库中只包含已过滤的项目？
提问于 2018-01-30 18: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-30 18: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
复制相关文章
相似问题
new导航挂载一个屏幕，然后不接受从另一个屏幕再次传递的新params
如何在putty中刷新整个屏幕
如何从主屏幕创建新屏幕？
如何在用户进入屏幕时自动重新加载或刷新整个屏幕。在react原生中
如何通过编程使用android应用程序捕获整个屏幕屏幕截图？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
