使用jquery在每个新的重新加载中可拖动图像的随机位置

问题描述

|| 我已经弄清楚了如何使用jquery成功地使两个图像可拖动，如下面的示例所示： http://www.demarconia.com/kingofqueens/kingtest3.html 我想做的是在每次重新加载时为两个图像赋予页面上唯一的随机位置。这可能吗？提前致谢！ 缺口     

解决方法

只需给每个元素绝对定位并为

left

和

top

属性分配一个随机值即可：

$(\'img.draggable\').each(function(i,el){

    var tLeft = Math.floor(Math.random()*500),tTop  = Math.floor(Math.random()*500);

    $(el).css({position:\'absolute\',left: tLeft,top: tTop});

});

例 您可以将

tLeft

和

tTop

的倍数（500）更改为想要在其中显示图像的一般区域。