Javascript 如何使用MooTools的可排序插件包含要拖动的DOM元素的所有子元素？

我正在使用

mootools more.1817.js

…这是我的HTML结构：

管理控制




管理控制




管理控制








管理控制






管理控制

所以我想做两件事：

能够将每个

li

项拖动到另一个部分，并使其带上所有子项。例如，如果我正在拖动具有链接

顶部链接的li

，我不仅要拖动单词

顶部链接

，还要拖动父级

li

的子级

div#admin

、

ul

和

li

。基本上是每个

li

的所有子级

我还希望能够在子列表之间拖动项目。例如，假设我想将链接

link2

从

ul

拖动到名为

Awesome Links

的部分，并将其放在链接

link11

和

link12

之间

我已经这样做了：

window.addEvent('domready', function(){
    new Sortables('#categories', {
        clone: true,
        revert: true,
        opacity: 0.7  
    });
});

这样做只是拖动

li

，而不是

li

的子对象

我如何实现这些目标

---

谢谢。

首先，您的

类别

列表中的

div

项本身不在

li

标记中，因此HTML无效。对于有效列表，

ul

的唯一直接子级可以是

li

其次，根据文档，“要在列表之间进行排序，必须使用数组或选择器传递一个或多个列表或id”(http://mootools.net/docs/more/Drag/Sortables). 这意味着，要在子列表之间移动项目，必须将每个

ul

传递到可排序组（不同于类别组）。这应该能解决你的问题

---

我还不确定为什么它不会拖拽

li

的全部内容，尽管这可能是无效的HTML造成的问题。

首先，您的

类别
列表中的
div
项本身不在
li
标记中，从而导致HTML无效。对于有效列表，
ul
的唯一直接子级可以是
li

其次，根据文档，“要在列表之间进行排序，必须使用数组或选择器传递一个或多个列表或id”(http://mootools.net/docs/more/Drag/Sortables). 这意味着，要在子列表之间移动项目，必须将每个
ul
传递到可排序组（不同于类别组）。这应该能解决你的问题

我还不确定为什么它不会拖拽
li
的全部内容，尽管可能是无效的HTML造成了问题。
我认为这不能用MooTools sortable来完成。我正在尝试一个核心支持者写的其他东西：
POWERTOOLS也不是为1.12编写的。我不认为这可以用MooTools sortable来完成。我正在尝试一个核心支持者写的其他东西：
POWERTOOLS也不是为1.12编写的。玩得高兴