将 div 实例化为容器内的随机 space

Question

我知道这可能是一个非常基本的问题，但这里是：

我正在使用 JS 在 HTML 页面上实例化一些 DOM 元素。

for(var i = 0; i < dotsCount; i++){
    dotsHtml += "<div class = 'dot'></div>";
}
$dots = $(dotsHtml);
$count.html(dotsHtml);

我希望它们以随机间隔的距离生成，但目前它们都像您期望的那样在垂直线上生成。

我正在使用 velocity.js 为它们制作动画，但我不知道如何随机化它们的初始位置。

Answer 1

最简单的方法可能是使用 Math.random() 生成一个随机数，然后在 <div class='dot'> 中添加一个 style="margin-right:"+yourRandomNumberHere+"px"

Instantiate divs to a random space within a container