jquery - div创建的随机位置

Question

目前我正在研究一些带有标记的布局。这些标记需要随机放置在我的窗口上，然后需要对其进行动画处理。我目前正在创建 50 个 div，它们已经随机放置了。除了所有 50 个都被放置在同一个随机位置这一事实。

所以我希望有人能指出如何将所有 50 个 div 放置在不同的随机位置，而不是全部放在同一个位置。我想我已经接近了，但不确定下一步该做什么。

到目前为止，这是我的代码: http://jsbin.com/cipewozali/edit?html,css,js,output

提前致谢。

Answer 1

这是因为您只生成一个随机数。将 randomX 和 randomY 变量实例移到 serStartpnt 函数中。

function setStartpnt(){
  var randomX = Math.floor(window.innerWidth * Math.random());
  var randomY = Math.floor(window.innerHeight * Math.random());
  marker.css({
    "transform":"translate("+randomX+"px, "+randomY+"px)"
  });
}

这样每次调用此函数时都会生成一个新的随机数。