单击图库滑块缩略图以触发外部缩略图链接

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。

演示

查看演示。

演示 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/