I am trying to create a very simple JQuery drag and drop quiz.
I have written most of the code, but I'm having some issues with dragged items being stacked on top of each other, rather than in a nice list. SO that is what I need from you, to correct the code so it works as expected.
Basically, for the purpose of this project, I will want a column on the left with a list of div's that can be dragged into 1 of 3 droppable columns. Each draggable item can only be dropped into the correct droppable column.
Once this is built, i will make it look nice and integrate it to the various pages of a training course that I am creating.
The demo app is located here [url removed, login to view]
As you can see from the demo app, we have 8 items on the left that are all draggable. The top 3 can only be dragged into the top right column, the next 3 into the middle right column and the last 2 into the bottom right column. But as you can see, they are stacking on top of each other, I need them to line up underneath each other in a nice list.
So, the requirements of this project are:
Make the dragged divs line up in a nice list in their respective dropped areas, rather than laying on top of the previous ones.
Let me know if you have any questions.
3 freelancers are bidding on average $88 for this job