Javascript 如何获得';电动工具&x27;为MooTools工作的插件?

Javascript 如何获得';电动工具&x27;为MooTools工作的插件?,javascript,mootools,mootools-more,Javascript,Mootools,Mootools More,具体来说,我正在尝试使用树功能,如下所示: 可在此处查看来源: 这是我的HTML: <ul class="tree" id="tree"> <div id="admin">Admin Controls</div> <li class="selected"><a href="#">Test</a> <ul> </ul> </li> &

具体来说,我正在尝试使用
功能,如下所示: 可在此处查看来源:

这是我的HTML:

<ul class="tree" id="tree">
  <div id="admin">Admin Controls</div>
    <li class="selected"><a href="#">Test</a>
        <ul>
        </ul>
    </li>
  <div id="admin">Admin Controls</div>
    <li><a href="#">Test 2</a>
        <ul>
        </ul>
    </li>
  <div id="admin">Admin Controls</div>
    <li><a href="#">Top Links</a>
        <ul>
            <li id="article"><a href="/1">Link 1</a></li>
            <li id="article"><a href="/3">Link 2</a></li>
            <li id="article"><a href="/2">Link 3</a></li>
            <li id="article"><a href="/4">Link 4</a></li>
        </ul>
    </li>
  <div id="admin">Admin Controls</div>
    <li><a href="#">Lame Links</a>
        <ul>
            <li id="article"><a href="/9">Link 9</a></li>
            <li id="article"><a href="/10">Link 10</a></li>
        </ul>
    </li>
  <div id="admin">Admin Controls</div>
    <li><a href="#">Awesome Links</a>
        <ul>
            <li id="article"><a href="/11">Link 11</a></li>
            <li id="article"><a href="/12">Link 12</a></li>
        </ul>
    </li>
</ul>
按原样,树的排序不起作用


想法?

在实例化中,您将传递一个选择器“#tree。如果tree类需要一个ID,您不需要使用磅符号,只需要“tree”“。在MooTools中,ID查找有$fn,完整选择器查找有$$fn,他们选择将两者分开有多种原因

发现了这个问题并考虑回答。
虽然有点晚了,但当你问这个问题时,我不是会员:)

我所做的更改使其生效:

  • 您只需传递
    ,ID不带
  • 树必须只有
  • 元素,否则tree.js将无法将它们拖动到普通div上
  • 您需要ID,我将您所有的
    ID=“admin”
    重命名为
    class=“admin”
因此,您可以使用javascript/Moo工具,如:

window.addEvent('domready', function(){
       var tree = new Tree('tree');
        tree.serialize();
});

演示我尝试使用Sortable for regular MooTools进行此操作,但我认为我做不到。刚刚发布了一个旧问题的新答案。。。它可能对其他人有用。最奇怪的是,我改变了它…但它仍然不起作用。我不再认为“Tree”是
未引用的错误
。但是,它就是不起作用…我不知道为什么。我已将页面上包含的所有mootools文件正常运行(mootools核心、mootools更多、mootools类附加和电动工具)。我还需要什么吗?你能在JSFIDLE中构建一个快速的例子吗?如果没有看到live,这很难调试。好吧,我让它工作了,有点:现在的问题是,我如何让它在
ul
中使用
divs
。例如,当我移动
Test
时,我如何让它将
div
和text
Admin控件一起移动到它的正上方?因此,您希望JSFIDLE上的示例中包含文本“Admin Controls”的元素基本上与您选择移动的任何选定可拖动元素组一起移动?
window.addEvent('domready', function(){
       var tree = new Tree('tree');
        tree.serialize();
});