animate（）jquery在我的情况下失败

Question

$(document).ready(function(){ 
    $('.more').click(function() { 
     var thumbsBlock = $(this).siblings('.thubmnailsWrap'); 

     $($(this), thumbsBlock).animate({ 
      'left' : "-=60px" //moves left 
     }); 
    }); 
}); 

我使用兄弟姐妹和期望.thubmnailsWrap随着更多，但失败。检查我的演示在这里http://jsfiddle.net/pdjkh69m/4/

我解决了它，这里是代码http://jsfiddle.net/pdjkh69m/8/，但我想知道为什么在我以前的代码中，多选择器jst不工作​​，任何想法？我有点想继续重复的代码。

Answer 1

你的CSS是不正确，你需要使用类选择.的div来获得position:absolute为动画工作。

还可以使用.add()到另一个元素添加到您的jQuery对象

thumbsBlock.add(this).animate({ 
    'left': "-=60px" 
},1000); 

DEMO

Answer 2

$(document).ready(function() { 


    $('.more').click(function() { 


     var thumbsBlock = $(this).siblings('.thubmnailsWrap'); 

     $(thumbsBlock).animate({ 
      'left': "-=60px" 
     }); 

    }); 
}); 

这是代码你找

Answer 3

$($(this), thumbsBlock) 

这是错误的方法

这个工程

http://jsfiddle.net/pdjkh69m/10/