1

私は使用してmootools-more.1817.jsいます...これは私のHTML構造です：

<ul id="categories">
  <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>

だから私は2つのことをしたい：

  1. 各liアイテムを別のセクションにドラッグして、すべての子を連れて行くことができます。たとえば、リンクのあるliをドラッグしている場合、単語だけでなく、その親の子である、もTop Linksドラッグしたいと思います。基本的に、それぞれのすべての子。Top Linksdiv#adminullilili
  2. また、子のリスト間でアイテムをドラッグできるようにしたいと思います。たとえば、リンクLink 2をそこからul呼び出されたセクションにドラッグし、リンクとAwesome Linksの間にドロップしたいとします。Link 11Link 12

私はこれをしました：

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

liそれが行うのは、の子ではなく、だけをドラッグすることliです。

どうすればそれらを達成できますか？

ありがとう。

4

1 に答える 1

1

まず、タグ自体に含まれていないdivアイテムをcategoriesリストに含めると、HTML が無効になります。liの直接の子は、有効なリストの場合のみulですli。

次に、ドキュメントによると、「リスト間のソートを有効にするには、配列またはセレクターを使用して 1 つ以上のリストまたは ID を渡す必要があります」(http://mootools.net/docs/more/Drag/Sortables)。つまり、サブリスト間で項目を移動するには、それぞれulを sortables グループ (category グループとは異なる) に渡す必要があります。これで問題＃2が解決するはずです。

のコンテンツ全体をドラッグしない理由はまだわかりませんliが、無効な HTML が問題を引き起こしている可能性があります。

于 2011-11-27T00:56:45.377 に答える