jquery-animate - jQuery Animation - 通过函数调用时不起作用

Question

我的目标是创建一个需要传入参数的动画通用函数，假设该函数可用于为任何元素设置动画。

我从不需要传递参数的简单动画开始，它似乎工作正常。这是代码和链接

<div id="outer" class="box">
    <div id="inner" class="box"></div>
</div>
<input type="button" id="animate" value="Animate"/>​     
​$("#inner").animate({left: '+=300', top: '+=300'}, 1000);​

但是当我尝试编写通用函数时它不起作用......代码

$("#animate").Click(function(){
    diagonalAnimation("inner");
});

function diagonalAnimation(e){
$('"#'+e+'"').animate({left: '+=300', top: '+=300'}, 1000);
}

Answer 1

jsFiddle（http://jsfiddle.net/5v86F/81/）

<div id="outer" class="box">
    <div id="inner" class="box"></div>
</div>

<input type="button" id="animate" value="Animate" onclick="animate('inner')"/>

<script>
    function animate( item )
    {
         $( "#" + item ).animate({left: '+=300', top: '+=300'}, 1000);
    }
</script>