Nested sortables as drag targets

Question

I'm building a drag-and-drop outline tool. It uses jQueryUI's .sortable() in a nested fasion to build a tree of elements. I also have a palette of items using .draggable() that can be dragged into the outline at any given level.

Dropping a new item into the topmost level of the tree works fine. But when I drop one into the 2nd level down, the item gets duplicated. When I drop one into the 3rd level, the item gets duplicated twice! I've boiled the problem down to its essence here: http://jsfiddle.net/curtisfarnham/TGAqW/

How can I prevent items from getting duplicated when dropped into the lower levels of the tree?

A. Wolff · Accepted Answer · 2012-11-02 20:02:25Z

1

This is a bug in jquery ui 1.8 serie, event bubbling.

See updated jsFiddle using jquery ui 1.9.1

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

http://jsfiddle.net/TGAqW/3/

answered Nov 2, 2012 at 20:02

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

1 Comment

curtisdf Over a year ago

Thanks!!! I'd seen 1.9.1 was out, but I read about the breaking changes and I wasn't sure I wanted to deal with a compatibility layer. Looks like I'll have to delve into it after all.

Collectives™ on Stack Overflow

Nested sortables as drag targets

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