永远不会执行JavaScript动画

Question

非常简单的滑动动画，但是当我点击tallarrowsright div时，没有任何反应。我在看一些明显的东西吗？

$(document).ready(function(){
    var all = 3;
    var current = 1;

    $(".tallarrowsright").click(function(){
        if(current<all){
            $(".slideme").animate({left:"-=1000"},500)
            current = current+1   
        }
    })

Answer 1

我认为这不是动画问题，而是css问题。尝试将position:relative添加到.slideme

working code here

点击＆＃34; Basic plunk！＆＃34; ：）

Answer 2

修正:(假设$(".tallarrowsright")上存在document.ready）

$(document).ready(function(){
    var all = 3;
    var current = 1;
    $(".tallarrowsright").click(function(){
        if(current < all){
            $(".slideme").animate({
                left:"-=1000"}, 500, function(){
                     // Animation complete.
                    current = current + 1;
                    console.log(current);
                });
        }
    });
 });