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

Question

我已经想出如何使用jquery成功制作两个可拖动的图像，正如您在此示例中所示： http://www.demarconia.com/kingofqueens/kingtest3.html

我想要做的是在每次重新加载时在页面上给两个图像一个独特的随机位置。这可能吗？提前谢谢！

尼克

Answer 1

只需为每个元素提供绝对定位，并为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});

});

Example

您可以更改tLeft和tTop的乘数（500），以提供您希望图像显示在其中的常规区域。