javascript - Bootstrap 模态显示所有图像，不限于任何给定选项卡中的图像

Question

我的问题是关于引导程序片段，您可以在此处看到：

https://bootsnipp.com/snippets/P2gor

我想将此图库与标签视图一起使用，如下所示。但我的问题是，当单击第一个选项卡（动物）并打开图像模式时，我会看到下一个按钮，直到显示所有选项卡中的所有图像。当我单击第二个选项卡（绘画）时，模式会打开应用程序为空，并且上一个或下一个按钮都不起作用。

第一个标签

第二个标签

我希望能够将此片段与 Tabs 一起使用，所以我在这里寻求建议我可以做些什么来使它工作。当我单击第一个选项卡并浏览模式中的图像时，我希望下一个按钮在显示当前选项卡上的最后一个图像时消失，而不是在显示所有其他图像之后。

因为没有参数（id / class）传递给 JavaScript 方法，所以我无法弄清楚如何在 JavaScript 文件中不进行大量重复的情况下完成这项工作。

如果这个问题太笼统且不够具体，我很抱歉。

标签： javascripttwitter-bootstrapbootstrap-4modal-dialog