javascript - 鼠标悬停仅在第一次触发，为什么？

Question

我确信这相当简单，但我已经尝试了太久，所以非常感谢您的帮助。有什么想法为什么这只适用于第一次悬停？

var divwidth = $('#donatebutton').width();
var divheight = $('#donatebutton').height();

var posx = (Math.random() * ($(document).width() - divwidth)).toFixed();
var posy = (Math.random() * ($(document).height() - divheight)).toFixed();

$('#donatebutton').mouseover(function(){
    $(this).css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px'
    }).appendTo( 'body' );

});

Answer 1

更改此代码:

var divwidth = $('#donatebutton').width();
var divheight = $('#donatebutton').height();

var posx = (Math.random() * ($(document).width() - divwidth)).toFixed();
var posy = (Math.random() * ($(document).height() - divheight)).toFixed();

$('#donatebutton').mouseover(function(){
    $(this).css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px'
    }).appendTo( 'body' );

});

到此代码

var divwidth = $('#donatebutton').width();
var divheight = $('#donatebutton').height();

$('#donatebutton').mouseover(function(){
    var posx = (Math.random() * ($(document).width() - divwidth)).toFixed();
    var posy = (Math.random() * ($(document).height() - divheight)).toFixed();
    $(this).css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px'
    }).appendTo( 'body' );

});

这将改变鼠标悬停时的随机值