用jQuery更新数据画廊属性时出现ekko-lightbox问题

Question

我正在将Bootstrap 4与这个很棒的小灯箱-http://ashleydw.github.io/lightbox/#image-gallery

我正在使用jQuery过滤图像。过滤器仅显示/隐藏具有匹配类名称的图像。

过滤后，我正在动态更新data-gallery属性，因此只有这些过滤后的图像可以在灯箱画廊中单击。

这是我的开发网站-http://damansv2.woodberry.me.uk/gallery/ex-display/

这似乎可以正常工作，但是有一个小故障可以消除在图库中翻页下一页/上一页的能力。我认为这是因为data-gallery属性是动态更改的吗？

要复制故障，请尝试以下操作：-

1. 转到http://damansv2.woodberry.me.uk/gallery/ex-display/
2. 单击“厨房”过滤器，然后单击第一张图像，图库使您可以正确地向前/向后翻阅4张过滤的图像。关闭灯箱。
3. 单击“浴室”过滤器，然后单击第一个图像，图库使您可以正确地向前/向后翻阅4个过滤的图像。关闭灯箱。
4. 单击“所有”过滤器，然后单击第一张图像。您无法翻页吗？

有什么想法可以解决这个问题吗？

非常感谢。