1

に複数の円を追加しbodyて関数をバインドし、各円がクリック時にランダムに移動するようにします。私はすでにこのようなものを試しました：http：//jsfiddle.net/Xw29r/375/

$(function() {
$('.button1').click(function(){
    $('body').append('<div class="circles"> </div>')
    .bind('click',function() {
        var h = $('body').height()-100;
        var w = $('body').width()-100;

        var movh = Math.floor( Math.random() * h);
        var movw = Math.floor( Math.random() * w);
    $(this).animate({
     top: movh,
     left: movw
    }, 1000);
});
});
});

$(this)本体を取得しますが、毎回追加されたdivを取得するにはどうすればよいですか？クラスをバインドすると$(.circles)、すべてのサークルが移動します。

4

1 に答える 1

0

サークルごとに異なるクラスを使用したり、ID でサークルを識別したりできます: div id="circle1"/ div id="circle2" / など。

これを試したことがありますか: http://d3js.org/ ? 非常に強力なライブラリです。D3 "3 つの円のチュートリアル: http://mbostock.github.com/d3/tutorial/circle.html

于 2012-12-10T19:12:30.603 に答える