Wie kann ich ein ziehbares Element in einer Webanwendung erstellen?

Question

zum ersten Mal etwas wie das Erstellen.

Wie würde ich ein Hotbar-Rechteck erstellen, in das ich Symbole ziehen und sie in einem Bereich in der Hotbar sperren lassen kann?

Dies ist 100% für meine Lernzwecke und ich weiß, dass ich etwas wie Javascript benötigen würde.

Die Sache ist, ich weiß nicht, wo ich anfangen soll, dies anzugehen.

Nur ein einfaches Beispiel.

Erstellen Sie eine Gruppe von 3 Symbolen und klicken und ziehen Sie die Symbole auf meiner Seite.

Answer 1

Sie möchten etwas wie jQuery UI verwenden. Es gibt Ihnen die JavaScript-Framework ziehen zu tun, fallen, rescale usw.

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

Ich würde vorschlagen, mit einigen grundlegenden jQuery Tutorials beginnen und dann auf die UI-Tutorials bewegen auf und Demos.

http://docs.jquery.com/Tutorials

jQuery ist ein wenig auf den ersten Blick einschüchternd, aber sobald man den Dreh raus zu bekommen, es ist sehr leistungsfähig und kümmert sich um alle Cross-Browser-Inkompatibilitäten als Bonus.