How Do I Include All Children Of A Dom Element To Be Dragged Using The Sortable Plugin For Mootools?

I am using mootools-more.1817.js...this is my HTML structure:

Admin Controls

• Solution 1:

  First, you have invalid HTML by having div items in your categories list that are not in li tags themselves. The only immediate children to a ul can be li for a valid list.

  Second, according to the documentation, "To enable sorting between lists, one or more lists or id's must be passed using an array or a selector" (http://mootools.net/docs/more/Drag/Sortables). That means, to move items between your sublists, each ul must be passed into a sortables group (different than the categories group). This should solve your issue #2.

  I'm not yet sure why it would not drag the whole contents of the li, though it may be the invalid HTML is causing issues.

Share