Featherlight Gallery Livefilter

Question

我有一个包含大量图片的图库，因此用户可以按类别过滤图像。当用户隐藏类别（点击过滤器）然后单击图像以启动图库时，所有图像（甚至隐藏的图像）都会显示在diashow中。

$('.gallery a').featherlightGallery({
  'type': 'image'
});

$('#toggle-group-a').click(function(){
   $('.group-a').toggle(); 
});

$('#toggle-group-b').click(function(){
   $('.group-b').toggle(); 
});

$('#toggle-group-c').click(function(){
   $('.group-c').toggle(); 
});

独立 - jsfiddle的例子：http://jsfiddle.net/xap78z34/6/

我该如何解决？

由于

Answer 1

将羽毛灯绑定到您的包装器（'.gallery'？）并使用filter选项（可能是a:visible）。