JQuery的动画工作不正常

Question

我一直在试图在过去的几个星期里倾向于使用JQuery，我想用JQuery来测试一个“轮盘赌”动画，但是我有一个问题。

我有此jQuery脚本

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

但它不工作的一些原因，当我改变

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

到

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

它适用于某些原因但我不希望它是这样的。

这里是我的jsfiddle https://jsfiddle.net/L7esjkzL/

在那的jsfiddle你可以看到，如果你改变.imageBox到.rouletteBox的动画作品。

Answer 1

对于left价值得到尊重，你需要设置position比的static默认其他的东西，如relative：

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

Updated fiddle