0

私の目的は、関数を任意の要素のアニメーション化に使用できると仮定して、パラメーターを渡す必要があるアニメーション用の汎用関数を作成することです。

パラメータを渡す必要のない単純なアニメーションから始めましたが、うまくいくようです。ここにコードとリンクがあります

<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);
}
4

1 に答える 1

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>
于 2012-04-23T16:48:37.057 に答える