Jquery 在随机方向上移动的DIV标记
我正在尝试使具有不同ID的div标签在随机/不同方向上移动。我怎样才能做到这一点?下面是我的一些代码。请告知 我已经分配了一个随机坐标,但它仍然不起作用Jquery 在随机方向上移动的DIV标记,jquery,animation,html,Jquery,Animation,Html,我正在尝试使具有不同ID的div标签在随机/不同方向上移动。我怎样才能做到这一点?下面是我的一些代码。请告知 我已经分配了一个随机坐标,但它仍然不起作用 function runALl(item) { var coordinates = Math.floor(Math.random()*101+1); var cycle1; //alert(item); (cycle1 = function() { var m = randomRange(
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)
})();
}
您的
坐标
变量未得到更新
您不移动div
不同的id
,功能中的项在任何时候都不会更改
根据你提供的小提琴。移动是在一个对象上连续进行的。它也以0-45-90-135的速度移动-方向。因为您不更新“随机”值
发送一个div元素数组并遍历它们,为每个元素提供不同的随机值。
在每次使用之前更新随机值,否则它将保持不变。您能告诉我们
randomRange
的作用吗OfUnctionRandomRange(min,max){return Math.random()*(max-min)+min;}用于取消对code@LucasLi如果randomRange
是您在评论中发布的内容,它将始终返回min
。没有随机值。@Yoshi我该怎么做?你是什么意思?我无法移动具有不同ID的div标记?是的,您可以,但您必须针对不同的标记。根据你的代码,“项目”是唯一被移动的东西。有一件事。你应该遍历一系列的“项目”,并单独移动每个项目。如果需要你的帮助。我得到了一个存储数组,随机id为1..2..3..4。。等等但我的runALl(项目)无法捕捉它们,并在随机方向上播放和移动。我的代码可以找到>>jsfiddle.net/Pd435