jQuery UI draggable attached to sortable then dropping on droppable element not working

Question

I am using jQuery UI 1.8.16 and am having trouble dragging a draggable item through a sortable list and then dropping it on a droppable item.

Here is an example of my problem http://jsfiddle.net/9RURx/1/

The draggable item needs to be able to attach to the sortable list or be dropped on the droppable item.

Any suggestions?

Jonathan Rowny · Accepted Answer · 2012-02-15 23:30:06Z

1

Passing through sortable seems to make the list element lose its selector... not sure why, but the "accept" property doesn't work anymore

Quickest solution is to change accept to accept: ".ui-draggable"' see it working here: http://jsfiddle.net/9RURx/3/

now maybe you don't want to use the built in class. You can add a class to the LIs you want to be dropable and refer to them that way. Like so: http://jsfiddle.net/9RURx/4/

answered Feb 15, 2012 at 23:30

Jonathan Rowny

7,5981 gold badge21 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jonathan Rowny Over a year ago

Weird, I guess it's still a bit buggy.

Collectives™ on Stack Overflow

jQuery UI draggable attached to sortable then dropping on droppable element not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related