Featherlight Gallery Livefilter

Featherlight Gallery Livefilter

本文关键字:Livefilter Gallery Featherlight      更新时间:2023-09-26

我有一个画廊,里面有大量的图像,所以用户可以按类别过滤图像。当用户隐藏一个类别(点击过滤器),然后点击图像启动图库时,所有图像(甚至是隐藏的图像)都会显示在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/

我该怎么解决?

感谢

将羽灯绑定到包装器('.gallery'?)并使用filter选项(可能是a:visible)。