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/

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

1 个答案: