jquery - DIV 标签在随机方向移动

Question

我正在尝试使具有不同 ID 的 div 标签沿随机/不同方向移动。我怎样才能做到这一点？下面是我的一些代码。好心提醒。

我已经分配了一个随机坐标，但它仍然不起作用？

function runALl(item) {    
    var coordinates = Math.floor(Math.random()*101+1);
    var cycle1;
    //alert(item);
    (cycle1 = function() {
        var m = randomRange(coordinates,coordinates);
        var n = randomRange(coordinates,coordinates);
        item.animate({left:'+='+n},2000);
        item.animate({left:'+='+m, top:'+='+m}, 2000);
        item.animate({left:'-='+m, top:'+='+m}, 2000);
        item.animate({left:'-='+n},2000);
        item.animate({top:'-='+n},2000,cycle1)
    })();
}

Answer 1

您的coordinates变量没有得到更新。

您不会移动div不同id，项目不会在您的功能中随时更改

根据您提供的小提琴。移动是连续进行的，仅在一个对象上进行。它还在 0 - 45 - 90 - 135 ... 方向移动。因为您不更新“随机”值。

发送一个 div 元素数组并遍历它们，为每个元素提供不同的随机值。每次你应该使用它之前更新随机值，否则它将保持不变。