jQueryUI: Droppable

FrankWST

Erfahrenes Mitglied
Hallo,

ich habe folgende Frage zum Thema jQueryUI Droppable http://jqueryui.com/demos/droppable/#visual-feedback:

Ich habe mehrere zu bewegende Objekte, die zu mehreren Zielen gezogen werden können. Hierbei ist es aber so, dass die möglichen Ziele der Objekte teilweise verschieden und teilweise gleich sind:

Objekt1 (darf nach Ziel A und B)
Objekt2 (darf nach Ziel A und C)
Objekt3 (darf nach Ziel B und C)

ZielA
ZielB
ZielC

Jetzt möchte ich für das jeweils vom Benutzer angefasste Objekt die entsprechenden Ziele droppable machen (d.h. diese werden dann auch entsprechend hervorgehoben).

Wie macht man das am Besten?

Mein Ansatz ist, beim draggable.start (das Event wird ausgelöst, wenn der Benutzer das dragging beginnt)
  1. von allen Zielen das droppable zu entfernen
  2. die entsprechenden Ziele (für das Objekt) droppable zu machen.
Das funktioniert, aber die Benutzung ist ein wenig "hakelig", besonders im IE.
Hat jemand von Euch zufällig eine performantere Idee?

Vielen Dank,
Frank
 
Ja solltest du.

Beispiel:
ZielA:
Code:
accept: ".a"

ZielB:
Code:
accept: ".b"

ZielC:
Code:
accept: ".c"

Und die Objekte:
HTML:
<div id="Objekt1" class="a b"></div>
<div id="Objekt2" class="a c"></div>
<div id="Objekt3" class="b c"></div>
 
Zurück