Ich habe meinen Bildschirm in zwei DIV
s unterteilt. In der linken DIV
habe ich ein paar 50x50 Pixel DIV
s, in der rechten DIV
habe ich ein leeres Raster aus 80x80 LI
s gemacht. Die DIV
s auf der linken Seite sind ziehbar, und einmal auf eine LI
fallen gelassen, sollten sie in der Mitte dieser LI
schnappen.jQuery ziehbare + dropable: wie Drop Element auf Drop-on-Element
Klingt einfach, oder? Ich weiß einfach nicht, wie ich das schaffen soll. Ich habe versucht, indem Sie die fallengelassen DIV
und left
CSS-Eigenschaften, um mit denen der LI
sie fallen gefallen sind, aber die left
und top
Eigenschaften sind relativ zu der linken DIV
.
Wie kann ich das Drop-Element am besten in die Mitte des Elementes einrasten lassen? Das muss einfach sein, oder?
Bearbeiten: Ich benutze jQuery UI 1.7.2 mit jQuery 1.3.2.
Edit 2: Denn wer anderes hat dieses Problem, das ist, wie ich es fest:
I Keith-Lösung verwendet, um das gezogene Element zu entfernen und es in dem Element in dem drop
Rückruf von über abgesenkte-Platzierung die abwerfbaren Plugin:
function gallerySnap(droppedOn, droppedElement)
{
$(droppedOn).html('<div class="drop_styles">'+$(droppedElement).html()+'</div>');
$(droppedElement).remove();
}
ich nicht das abgelegte Element wieder tun zu werden ziehbar, aber wenn Sie das tun, binden nur ziehbar, um es wieder.
Für mich löste diese Methode auch das Problem, das ich hatte, wenn ich die gefallenen Elemente positionierte (was relativ zu der linken DIV
wäre) und innerhalb der zweiten DIV
scrollte. (Elemente bleiben auf der Seite fixiert, jetzt scrollen sie weiter).
Ich habe mit den Fangoptionen gespielt, damit es beim Ziehen gut aussieht, also danke an karim79 für diesen Vorschlag.
Ich werde wahrscheinlich keine Awesome Code Preise gewinnen, also, wenn Sie Raum für Verbesserungen sehen, bitte teilen!
Danke, ich habe über diese Lösung nachgedacht. Die Snap-to-Lösung von Karim79 löst mein Problem nicht vollständig, daher werde ich es versuchen. – 10goto10