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