Featherlight燈箱內的標籤畫廊取消選擇當前標籤

Question

我目前有一個非常簡單的燈箱畫廊內的標籤界面，但是當點擊從畫廊中的照片當前選定的標籤丟失，沒有選項卡被選中。

所以一旦用戶關閉畫廊形象，他不認爲目前的標籤，他英寸

我做的這個行爲的jsfiddle，試着點擊第二個選項卡，並從庫中打開圖像，當關閉它，當前選定的選項卡丟失。

http://jsfiddle.net/urvmubxp/1/

的標籤和畫廊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 ...