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

【问题标题】：Random position of draggable images on each new reload using jquery每次使用 jquery 重新加载时，可拖动图像的随机位置
【发布时间】：2011-05-24 03:59:51
【问题描述】：

我已经弄清楚如何使用 jquery 成功地使两个图像可拖动，如您在此示例中所见： http://www.demarconia.com/kingofqueens/kingtest3.html

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

尼克

【问题讨论】：

标签： jquery image random position draggable

【解决方案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)，以提供您希望图像出现在其中的一般区域。

【讨论】：

对不起...当谈到 jquery 时，我还是个菜鸟。我尝试将该代码直接插入到现有脚本中，但它不起作用。我需要修改它吗？
这是我的测试页面，添加了您的代码（我不正确）demarconia.com/kingofqueens/kingtest3.html
语法错误，你离开了就绪函数});的结尾，并确保将position:absolute添加到.draggable CSS。
编辑答案以更改 jQuery 代码中的适当 CSS。
感谢您的帮助，但我真的觉得自己像个绿角。我不确定这意味着什么或如何实现它。我应该添加 }) 的准备函数在哪里；也？我认为此页面没有 CSS 表？反正我没有上传一个