單擊圖庫滑塊縮略圖以觸發外部縮略圖鏈接

Question

我需要通過單擊.main和.thumb鏈接同時觸發.main和.thumb鏈接。

//This code is trigger both .main and .thumb, when i click .main. 
    $(".main a").on("click", function(){ 
    var target= $(this).attr("href"); 
    $('.thumb li[data-ref="'+target+'"]').trigger('click'); 

}); 
$(".thumb li").on("click", function(){ 
    console.log(this); 
}); 


//This code is trigger both .main and .thumb, when i click .thumb. 
$('body').on("click",".thumb li", function(){ 
    var targe= $(this).attr("data-ref"); 
    $('.main a[href="'+targe+'"]').trigger('click'); 

}); 

如何使這段代碼，爲這兩個鏈接觸發.main和.thumb。

DEmo

檢查演示。

Demo 2

Answer 1

你需要把雙引號中的屬性選擇。

$('.thumb li[data-ref="'+target+'"]').trigger('click'); 

工作例如：http://jsfiddle.net/cw4yG/7/

編輯：變化中的問題和評論更多的細節後。

$(".main a").on("click", function(event){ 
    var target= $(this).attr("href"); 
    console.log("a: " + target); 
    if(!triggered) 
    { 
     triggered= true; 
     $('.thumb li[data-ref="'+target+'"]').trigger('click'); 
    } 
    else{ 
     triggered= false; 
    } 
}); 
$(".thumb li").on("click", function(event){ 
    var target= $(this).attr("data-ref"); 
    console.log("li: " + target); 
    if(!triggered) 
    { 
     triggered= true; 
     $('.main a[href="'+target+'"]').trigger('click'); 
    } 
    else{ 
     triggered= false; 
    } 
}); 

http://jsfiddle.net/cw4yG/10/

在這段代碼