0

具体来说，我正在尝试使用该Tree功能，可以在这里看到： http ://cpojer.net/MooTools/tree/Demos/# 源代码可以在这里看到： https ://github.com/cpojer/mootools-树/blob/master/README.md

这是我的 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.js到我的mootools.js核心文件中。

这是我的 JS 调用：

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

照原样，树的排序不起作用。

想法？

4

2 回答 2

1

在实例化中，您传递了一个选择器“#tree。如果树类需要一个 ID，则不要使用井号，只需使用“tree”。在 MooTools 中，有一个用于 ID 查找的 $fn 和一个 $$ fn 对于完整的选择器查找，他们选择将两者分开的原因有很多。

于 2011-11-27T12:41:53.770 回答
0

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

我改变了什么来让它工作：

  • 你只需要通过tree，没有的ID #。
  • 您的树必须只有<ul>和<li>元素，否则 tree.js 将无法将它们拖到普通 div 上。
  • 您需要唯一的 ID，我将您全部重命名id="admin"为class="admin"。

因此，您可以使用 javascript/mootools，例如：

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

演示在这里

于 2013-08-30T21:05:22.023 回答