我遇到一个非常简单的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();
});
答案 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)
});