Question

how can set up drag and drop to allow dragging of one element multiple times

i have made something like this http://jsfiddle.net/28SMv/3/ but after draging an item from red to blue the element loses its “draggability” and i cant drag it once more and more.

adding revert:true to draggable seems to work but then i need to remove helper:’clone’ cant use them at the same time

Answer 1

If you drag an item & release without dropping, it stops being draggable. I’d remove all droppable stuff from that jsfiddle example, just put a bunch of draggables on the screen & try with that.

One possible solution is to rebind draggables after you’re done dragging. Think:

function rebindDraggables() {
    $('...').draggable({
        ...
        stop: function() {
            rebindDraggables();
        }
    })
}

I’m not sure why in your examples draggables cease to be draggable after the first time. The jQuery docs might explain this.