jquery不是这个标签不工作的选择器

时间:2016-05-02 16:11:13

标签: jquery this href

我遇到一个非常简单的jquery函数问题。 不知怎的,我无法正确定义“其他”,因此只有被点击的项目是可见的,其余的不是。

这是一个小提琴:https://jsfiddle.net/hansgohr/hnh5apkm/

任何建议都会很棒! :)

这是我正在使用的代码:

$('#left a[href^="#"]').on('click', function(e){
    var target = this.hash
    $target = $(target);
    var others = $('#left a').not($(this)).attr('href')

        console.log(others)
    console.log(target)

    $( "#left" ).animate({ left: "50%" }, 800)
    $( "#right" ).animate({ right: "-50%" }, 800)
    $(target).animate({left: 0 }, 800)
    $(others).css("opacity", "0")

    e.preventDefault();
});

1 个答案:

答案 0 :(得分:0)

$('#left a[href^="#"]').on('click', function(e){
   e.preventDefault();
   var target = this.hash
   $target = $(target);
   $('.outer-left').css({"opacity": "0", "left": "-50%"})
   $( "#left" ).animate({ left: "50%" }, 800)
   $( "#right" ).animate({ right: "-50%" }, 800)
   $(target).css("opacity", "1").animate({left: 0 }, 800)
});