Salu zusammen,
ich habe zehn Container-div-Boxen, in fünf davon ist jeweils eine Inhalts-div-Box. Wie kann ich die fünf div-Boxen so draggable machen, daß jeweils nur eine Inhalts-Box in eine Container-Box gedropped werden kann?
Bisheriger Ansatz:
$(".inhalt").draggable({
revert: "invalid"
});
$(".container").droppable({
drop: handleDrop,
out: handleDrag
});
function handleDrop (event, ui) {
$(this).droppable("option", "disabled", true);
}
function handleDrag (event, ui) {
$(this).droppable("option", "disabled", false);
}
Das funktioniert bis auf folgende Ausnahme: Wenn ein Inhalt auf einen belegten Container gezogen und losgelassen wird, wird er (revert: „invalid“) wieder auf seinen Ausgangsplatz zurückgezogen. Das out-Event wird dabei aber bereits getriggert und der Ausgangsplatz als wieder belegbar („disabled: false“) markiert.
Andere haben dazu auch noch keine Lösung gefunden, auch nicht mit der Idee, den „accept“-Parameter zu definieren: http://stackoverflow.com/questions/3948447/jquery-ui…
Wie kann ich dieses Problem lösen?
Vielen Dank für Eure Hilfe :o)
-Rob.