Question

我目前在标签界面中有一个非常简单的灯箱库，但是当点击图库中的照片时，当前选中的标签会丢失，并且没有选择标签。

因此，一旦用户关闭图库图像，他就不会看到他当前的标签。

我做了这个行为的JSFiddle，尝试点击第二个标签并从图库中打开图像，关闭它时，当前选中的标签会丢失。

标签和图库的jquery是：

$('.my-tabs li').click(function(){
    $(".tab").css('display','none');
    $(".my-tabs li").removeClass('selected');
    $(this).addClass('selected')
    $('#'+this.childNodes[0].href.split('#')[1]).fadeIn('slow');
    return false;
})
//set first tab active
$('.my-tabs li').eq(0).click();

$('.gallery2').featherlightGallery({
    gallery: {
        next: 'next »',
        previous: '« previous'
    },
    variant: 'featherlight-gallery2'
});

为了在使用图库时保持与标签的一致性，有什么可做的事情吗？

Answer 1

这不是FL问题。由于您使用$('.my-tabs li')作为标签的触发器，并且您的图库也嵌套为ul li，因此点击图库li会导致您的代码也执行...您可以使用$('.my-tabs > ul > li')或者将一个类设置为tab-lis ...

选项卡内的Featherlight灯箱库取消选择当前选项卡

1 个答案: