Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将fancybox与filterizr一起使用,以便图像库中仅显示过滤的项目?_Javascript_Jquery_Fancybox_Jquery Isotope - Fatal编程技术网

Javascript 如何将fancybox与filterizr一起使用,以便图像库中仅显示过滤的项目?

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

当我将FileRizer与fancybox一起使用时,它会显示库中的所有图像,而不仅仅是过滤后的图像。我尝试使用可见选择器仅显示可见项,但它不起作用。有人能帮我找到解决办法吗。我知道filterizr为所有过滤元素添加了一个名为filteredout的类,但我不知道如何将该类用于fancybox

例如:


首先,您可以轻松检查是否使用了正确的选择器。简单地说,点击链接,只有两个项目是可见的。然后打开控制台并运行
$('.显示:visible>a')。length
-它返回6(因为最初有6个链接)。显然,这就是为什么fancyBox显示所有这些内容的原因

在检查您的链接时,我注意到它们都显示了应用的
类名,但隐藏的链接有
filteredOut

试试这个:

$().fancybox({
  selector : '.shown:not(.filteredOut) > a'
})
$().fancybox({
  selector : '.shown:not(.filteredOut) > a'
})