セクション化/ネストされたリストがあります。各セクションには、ul.itemsSortable と Droppable の両方の が含まれています。セクション自体はソート可能ですが、ドロップ可能ではありません。それぞれul.itemsが他のセクションの に接続され、ul.itemsセクション間のアイテムの移動が可能になります。
<div class="section"> <!-- Sortable -->
<ul class="items"> <!-- Sortable, Droppable -->
<li>Stuff</li>
<li>Stuff</li>
</ul>
</div>
<div class="section"> <!-- Sortable -->
<ul class="items"> <!-- Sortable, Droppable -->
<li>Stuff</li>
<li>Stuff</li>
</ul>
</div>
私のページには、検索ボックスもあります。検索結果はリストとして表示され、各リスト アイテムはドラッグ可能になります。Draggables のスコープと Droppables のスコープを一致させ、検索結果を任意の .xml ファイルにドロップできますul.items。
<ul class="search-results">
<li>Stuff</li> <!-- Draggable -->
<li>Stuff</li> <!-- Draggable -->
</ul>
ただし、私の問題は、jQuery UI が Draggable がドロップされたコンテキストに関する十分な情報を提供しないことです。receiveSortable のイベントと Droppable のイベントの両方を試しましたがdrop、うまくいきませんでした。
ui.draggable各アイテムを/と比較して Droppable を検索することで、Draggable の新しいインデックスを Droppable リストで取得できると思いますが、ui.sender十分に一般的なユースケースのように見えるものには多くの作業が必要なようです。
または、検索結果リストを Sortable にして、お互いul.itemsに接続するのと同じように each に接続することもできますが、実際には、検索結果を Sortable にしたくありません。
任意の入力をいただければ幸いです。