Question

我有一个照片库，问题是：我的“照片库”页面上的照片库中有2个标签（汽车和罗马尼亚）。基本上当你点击缩略图时，它应该打开图片，你可以看到它。但是在第二个选项卡上，当您单击前10个缩略图时，它会打开第一个选项卡中的图片。

可以找到照片库here。

我尝试更改HTML中照片的链接，但它仍显示第一个标签图像（仅适用于第二个标签上的前10个图像）。

照片库是用JS制作的，我根本不认识JS。

任何帮助将不胜感激。谢谢！

Answer 1

您应该在问题中提供源代码，而不是让用户搜索它。顺便提一句，您的错误来自gallery/photo-gallery.js的第20行：

$('a.controls').trigger('click');

删除它，您将看到正确的图像，直到您点击next或prev。这是因为第34行的jQuery选择器错误：

var src = $('ul.row li:nth-child('+ index +') img').attr('src');

使用此选择器，您不会在右侧选项卡中查找，但仅针对第一个结果，这显然来自第一个选项卡。

编辑（添加解决方案）

解决问题：

替换

$(document).on('click', 'a.controls', function(){

与

$(document).on('click', 'a.controls', function(event){
event.preventDefault();

和

var src = $('ul.row li:nth-child('+ index +') img').attr('src');

与

var activeTabSelector = $('#myTab li.active a').attr('href');
var src = $(activeTabSelector).find('ul li:nth-child('+ index +') img').attr('src');