Simple JQuery drag and drop quiz
- Status Completed
- Budget $30 - $250 USD
- Total Bids 3
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.
AlanGet free quotes for a project like this
Looking to make some money?
- Set your budget and the timeframe
- Outline your proposal
- Get paid for your work
Hire Freelancers who also bid on this project
Looking for work?
Work on projects like this and make money from home!Sign Up Now
- The New York Times
- Wall Street Journal
- Times Online