私は2つのリストを持っています:
<ul id="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul id="connected">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
最初のリスト (id="sortable") はソート可能で、アイテムをチェックできます。項目がチェックされると、2 番目のリストに表示されます (接続済み)。何もチェックされていない場合、2 番目のリストは空です。
2 番目のリストの項目は、並べ替え可能なリストと同じ順序で表示される必要があります。次のようなjquery関数を使用できます
.insertBefore() or .insertAfter()
しかし、どのアイテムが新しいアイテムを挿入した後または前にあるかはわかりません。それを調べる方法は？