JQueryアニメーションが正常に動作しない

Question

私は過去数週間でJQueryをリーンにしようとしていました.JQueryを使って "ルーレット"アニメーションをテストしたいのですが、問題があります。

私はこのjQueryのスクリプト

$(document).ready(function(){ 
    $("#roll").click(function(){ 
     $(".imageBox").animate({left: '250px'}); 
    }); 
}); 

を行っている。しかし、それは何らかの理由で動作していない、と私は

$(".rouletteBox").animate({ left: '250px' }); 

に

$(".imageBox").animate({ left: '250px' }); 

を変更したときにそれが何らかの理由で動作します私はそれがそうであることを望んでいません。

は、ここに私のJSFiddleあなたは、あなたが変更した場合.imageBox.rouletteBoxにアニメーション作品を見ることができるJSFiddleでhttps://jsfiddle.net/L7esjkzL/

です。あなたがstaticのデフォルト以外の何かにpositionを設定する必要が尊敬するleft値については

Answer 1

、例えばrelative：

.imageBox { 
    /* other rules... */ 
    position: relative; 
} 

Updated fiddle