jquery - div 位置的动画不会导致实际移动

Question

无法弄清楚为什么这个简单的动画不会移动（不透明度部分工作正常）。任何想法我做错了什么？

$("#par").ready(function(){
    $("div").animate({
        right:"200px",
        opacity:".4"
    },2000);
});

Answer 1

从文档中：

方向属性（上、右、下、左）如果元素的位置样式属性是静态的（默认情况下是静态的），则对元素没有明显的影响。

例如，如果您将 设置position为固定（如本示例中所示），则此方法效果很好。

<div id=div style="position:fixed">AAA</div>​

接着

 $("#div").animate({
     right:"200px",
     opacity:".4"
 },2000);