Fancybox：动态更改 data-fancybox-group

Question

我有一个巨大的图像库，带有一个过滤系统，该系统仅突出显示我从过滤器中选择的图像。因此，当我在画廊上设置过滤器时，我会动态更改 data-fancybox-group 以仅在我过滤的图像之间创建画廊，但 Fancybox 似乎不喜欢它......

所以当我切换过滤器时尝试在过滤器更改后单击图像，fancybox 根本不起作用。有人对此有线索吗？

谢谢！

这是 Fancybox 的代码：

$(".fancybox").fancybox({
 openEffect : 'fade',
 closeEffect : 'fade',
 prevEffect : 'fade',
 nextEffect : 'fade',
 prevSpeed : 'normal',
 nextSpeed : 'normal',
 arrows : true,
 closeBtn : true
});

这是我的过滤器代码：

$(".menu-gallery li a").click(function (){

//My filter menu have a id's
var thisID = this.id;

//Loop in the gallery to show or hide the filter image with the selected filter
$(".list-item li div").each(function(){
    if ( $(this).hasClass(thisID) ) {
        $(this).removeClass('hide');
        //Change the data group on the fly to make a gallery only with the selected filter image
        $("a", this).attr('data-fancybox-group',thisID);
    } else {
        $(this).addClass('hide');        
    }

});

});