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

追加多个div

1 个答案: