können Sie die sortierbare ui in Verbindung mit ziehbar verwenden. dann float:left als user1555320 vorgeschlagen ... etwas wie folgt aus:
dann CSS
%Vor%** BEARBEITEN * *
Ich erstelle gerade ein Drag & Drop-Spiel, bei dem der Benutzer Buchstaben auf das markierte Wort zieht, um es zu buchstabieren und das dahinter liegende Bild zu enthüllen.
Wenn ein Wort durch den Stil ".spellword" hervorgehoben wird, zeigt es dem Benutzer an, dieses Wort zu buchstabieren. Wenn der Benutzer einen Buchstaben in diesen Bereich zieht, kann er den Buchstaben irgendwo in den 3-Buchstaben-Raum ziehen, aber ich muss ihn von "links" nach "rechts" fallen lassen, um sicherzustellen, dass das Wort in der richtigen Reihenfolge geschrieben wird .
Grundsätzlich, wenn ein Buchstabe auf das Wort fallen gelassen wird, muss ich ihn nach links schnappen (erster Buchstabe des Wortes) und dann fällt der nächste Buchstabe auf den nächsten Buchstaben des Wortes usw. ... so wird es geschrieben die richtige Reihenfolge
Was kann ich tun, um dies sicherzustellen?
Das Skript für das ziehbare und absetzbare ist ...
%Vor%HTML für ziehbare Objekte ist ....
%Vor%Ich persönlich mag die Idee, CSS für diesen Effekt zu verwenden, nicht. Warum nicht so tun, als ob der Brief tatsächlich auf die erste freie Stelle des Wortes gefallen wäre? Dies scheint den gewünschten Effekt zu erzielen:
%Vor% können Sie die sortierbare ui in Verbindung mit ziehbar verwenden. dann float:left als user1555320 vorgeschlagen ... etwas wie folgt aus:
dann CSS
%Vor%Die Antworten von Anz & amp; mondant sind beide gut, stellen jedoch sicher, dass die Buchstaben, die als "letzte eine Stelle als letzte" und relative Position zu relativ sortiert werden, eine bessere Lösung sind, da es einige Fallgruben in CSS vermeiden würde, sollten Sie weiter anwenden wollen Styling.
%Vor%Ich denke, dass Sie nur einen Float benötigen: Verlassen Sie die Eigenschaft in Ihrem CSS, damit divs in der richtigen Reihenfolge in den Container eingefügt werden
Ich habe dein Problem nicht vollständig verstanden, aber wenn du dir deinen Code ansiehst, scheint das etwas zu sein, was ich ändern würde:
%Vor%Wenn Sie meinen, dass Sie auf das erste Element zugreifen müssen, dann auf das zweite, dann das dritte usw., um dies mit Pseudo Selektoren
Tags und Links javascript jquery jquery-ui drag-and-drop