random - 追加多个div

Question

我想将多个圆圈添加到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)班级时，所有圆圈都会被移动。

Answer 1

您可以为不同的圈子使用不同的类，也可以通过 id 来识别您的圈子：div id="circle1"/ div id="circle2" / etc。

你有没有试过这个：http ://d3js.org/ ？这是一个非常强大的库。D3》三圈教程： http: //mbostock.github.com/d3/tutorial/circle.html