Javascript 如何将fancybox与filterizr一起使用,以便图像库中仅显示过滤的项目?
当我将FileRizer与fancybox一起使用时,它会显示库中的所有图像,而不仅仅是过滤后的图像。我尝试使用可见选择器仅显示可见项,但它不起作用。有人能帮我找到解决办法吗。我知道filterizr为所有过滤元素添加了一个名为filteredout的类,但我不知道如何将该类用于fancybox 例如:Javascript 如何将fancybox与filterizr一起使用,以便图像库中仅显示过滤的项目?,javascript,jquery,fancybox,jquery-isotope,Javascript,Jquery,Fancybox,Jquery Isotope,当我将FileRizer与fancybox一起使用时,它会显示库中的所有图像,而不仅仅是过滤后的图像。我尝试使用可见选择器仅显示可见项,但它不起作用。有人能帮我找到解决办法吗。我知道filterizr为所有过滤元素添加了一个名为filteredout的类,但我不知道如何将该类用于fancybox 例如: 首先,您可以轻松检查是否使用了正确的选择器。简单地说,点击链接,只有两个项目是可见的。然后打开控制台并运行$('.显示:visible>a')。length-它返回6(因为最初有6个链接)。显然
首先,您可以轻松检查是否使用了正确的选择器。简单地说,点击链接,只有两个项目是可见的。然后打开控制台并运行
$('.显示:visible>a')。length
-它返回6(因为最初有6个链接)。显然,这就是为什么fancyBox显示所有这些内容的原因
在检查您的链接时,我注意到它们都显示了应用的类名,但隐藏的链接有filteredOut
试试这个:
$().fancybox({
selector : '.shown:not(.filteredOut) > a'
})
$().fancybox({
selector : '.shown:not(.filteredOut) > a'
})