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