0

2 つの接続された並べ替え可能なリストがありますが、それぞれがより大きなブロック要素にあります。何かのようなもの：

<div class="items_box">
    <ul class="items">
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
</div>

<div class="items_box">
    <ul class="items">
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
</div>

このJavascriptを使用すると：

$(".items").sortable({connectWith: [".items"]});

divは.items_boxリストよりも背が高いです。各 div の全体がそのリストに代わってアイテムを受け入れるようにしたいと思います。どうすればいいですか？

4

1 に答える 1

1

解決策は、コンテナーを並べ替え可能にし、.itemsプロパティを変更してリスト内のアイテムを探すことです。

$('.items_box').sortable({ 
  connectWith: '.items_box', 
  items: '> .items > li' 
});

私はあなたのために実用的な例を投稿しました（ただし、空のリストにドラッグすると問題がありますが、それは新しい問題です;）

また、connectWithではセレクターの配列が許可されなくなったことにも注意してください。代わりにカンマで区切ります。

于 2009-08-01T15:02:27.967 に答える