Jquery random position mehrerer divs
dass ist mein code http://jsfiddle.net/BREvn/2/ (es funktioniert) aber ich will, dass alle div mit einzigartige - Koordinaten. Nun ein Skript bekommen, das erste und andere bewegen, zu ihm legen. Wie kann möglich sein, um dieses problem zu beheben? Ich tryed ein .jede Funktion, aber es gab keine Ergebnisse. Ich denke, das wird einfach sein, aber ich bin zu gut in jquery/javascript.
$('#latestblock').animate({
top: newY,
left: newX
}, 500, function() { });
Ich denke, hier muss in der Schleife, aber nicht wissen, wie es zu tun.
- IDs müssen eindeutig sein für jedes Dokument, verwenden Sie statt Klasse!
- Sie könnten halten Sie die position jedes div in ein array, dann überprüfen Sie, ob der neue, zufällige position überlagerungen einer vorhandenen div, wenn nicht die position des div, sonst erneut Randomisierung code.
- Wollen Sie die drei div ' s zu verschieben, gleichzeitig?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sowas?
http://jsfiddle.net/BREvn/5/
Umbenannt habe ich die id in eine Klasse und erzeugt eine Endlosschleife.
Auch senden Sie das Objekt in die moveRandom Funktion " moveRandom(obj)' und nach de animation endet, erinnern an die moveRandom Funktion mit sich selbst.
Können Sie nicht geben Sie die gleiche id auf mehr als ein element.
Könnte man eine Klasse
und verwenden Sie dann
each
zu animieren Sie alle Elemente :Komplette demo
Hier ist die aktualisierte und funktionierende version: http://jsfiddle.net/BREvn/4/
Eine ID muss eindeutig sein, Sie können 3 Elemente mit der gleichen id='latestblock'
Ich rief auch die Funktion dreimal und sorgte dafür, dass die Funktion mit diesem parameter übergeben.