标签和照片库问题与html网站

Tabs and photo gallery issue with html site

本文关键字：html 网站 问题 照片库 标签      更新时间：2023-09-26

我有一个照片库，问题是:我有2个标签(汽车和罗马尼亚)从我的"图片库"页面的照片画廊。基本上当你点击一个缩略图时，它会打开图片，你可以看到它。但是在第二个选项卡上，当你点击前10个缩略图时，它会打开第一个选项卡上的图片。

图片库可以在这里找到。

我尝试在HTML中更改照片的链接，但它仍然显示第一个选项卡图像(仅用于第二个选项卡上的前10个图像)。

这个图片库是用JS制作的，我一点也不懂JS。

任何帮助都将非常感激。谢谢你！

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

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

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

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

使用此选择器，您不会在正确的选项卡中查找，而只是查找第一个结果，显然来自第一个选项卡。

EDIT(添加的溶液)

解决你的问题:

代替

$(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');
相关文章：