0

具体的には、ここで見られるように、私はTree機能を使用しようとしています: http://cpojer.net/MooTools/tree/Demos/# ソースはここで見ることができます: https://github.com/cpojer/mootools-ツリー/ブロブ/マスター/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 と $$ があります。完全なセレクター ルックアップの場合、2 つを分離することを選択したさまざまな理由があります。

于 2011-11-27T12:41:53.770 に答える
0

この質問を見つけて、答えることを考えました。
少し遅れましたが、あなたがこの質問をしたとき、私はSOのメンバーではありませんでした:)

これを機能させるために私が変更したこと：

  • tree.なしで IDのみを渡す必要があり#ます。
  • ツリーには<ul>and<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 に答える