私はこのhtmlマークアップを持っています:
<ul id="sortable1" class="connectedSortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2" class="connectedSortable">
<li class="ui-state-highlight">Drop item here</li>
</ul>
少なくとも 1 つの項目が #sortable1 から #sortable2 にドロップされた場合、クラス "hide" を次の場所に追加したいと思います。
<li class="ui-state-highlight">Drop item here</li>
この「プレースホルダー」は現在役に立たないため、それを非表示にするためだけに、次のようになります。
<ul id="sortable2" class="connectedSortable">
<li class="ui-state-highlight hide">Drop item here</li>
</ul>
次に、すべてのアイテムが #sortable2 から #sortable1 にドロップされた場合、クラスhide
を再度削除して、「プレースホルダー」を表示する必要があります。
何かアイデアはありますか?ありがとうございました!