jquery - jQuery UI：ソート可能およびドラッグ可能+ソート可能およびドロップ可能

Question

私は2つのリストを持っています。それらはソート可能ですが、接続されていません（リスト「1」の要素をリスト「2」の要素と混合することはできません）

リスト「1」の要素をリスト「1」にドラッグアンドドロップしたいので、リスト「1」の要素をドロップ可能にし、リスト「2」の要素をドラッグ可能にします。

どうすればいいですか？

編集：

できるだけ一般的な質問をしようとしましたが、もっと明確にすべきかもしれません...ごめんなさい。リスト1の要素は「カテゴリ」であり、並べ替え可能である必要があります。リスト2の要素は「リンク」であり、ソート可能である必要があります。リンクは1つのカテゴリにのみ属します。リンクをカテゴリから別のカテゴリに移動したいので、JQueryUiを使用したいと思います。

Answer 1

draggable私があなたの質問を正しく理解していれば、あなたはあなたの場合に使用したりdroppable組み合わせたりする必要はありませんsortable。

並べ替え可能な接続は本質的に一方向であるため、2番目のリストを最初のリストに接続するだけでよく、最初のリストを2番目のリストに接続することは避けてください。

<ul id="first">
    <!-- ... -->
</ul>

<ul id="second">
    <!-- ... -->
</ul>

---

$("#first").sortable();
$("#second").sortable({
    connectWith: "#first"
});