Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 创建div时的随机位置_Jquery_Html_Css_Random - Fatal编程技术网

Jquery 创建div时的随机位置

Jquery 创建div时的随机位置,jquery,html,css,random,Jquery,Html,Css,Random,目前我正在做一些带有标记的布局。这些标记需要随机放置在我的窗口上,然后需要设置动画。我目前正在创建50个div,它们已经被随机放置。除了50个都被放在同一个随机点上 所以我希望如果有人能指出如何将所有50个div放在不同的随机位置,这样就不会全部放在同一个位置上。我想我很接近,但不确定下一步该怎么办 以下是我目前的代码: 提前感谢。这是因为您只生成一个随机数。将randomX和randomY变量实例化移动到serStartpnt函数中 function setStartpnt(){ var

目前我正在做一些带有标记的布局。这些标记需要随机放置在我的窗口上,然后需要设置动画。我目前正在创建50个div,它们已经被随机放置。除了50个都被放在同一个随机点上

所以我希望如果有人能指出如何将所有50个div放在不同的随机位置,这样就不会全部放在同一个位置上。我想我很接近,但不确定下一步该怎么办

以下是我目前的代码:


提前感谢。

这是因为您只生成一个随机数。将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)"
  });
}

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

谢谢你,我成功了。4分钟后我才能把这个答案记为正确答案。这么简单的解决办法哈哈。我完全忽略了它。再次感谢!容易犯的错误。我很高兴能帮上忙!