Simple JQuery drag and drop quiz

  • Status Completed
  • Budget $30 - $250 USD
  • Total Bids 3

Project Description

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.



Get free quotes for a project like this
Completed by:
Skills Required

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

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online