如何更改要放入可排序列表的項目的UI？

Question

我有兩個jQuery UI可排序列表。當我將它拖放到最終列表中時，我想更改拖動項目的UI（從源列表中的小部件開始，但在放入目標列表時將其分解爲詳細視圖）。有沒有人有任何想法，我可以做到這一點，如果它甚至有可能？

Answer 1

您可以使用stop事件：當排序停止時觸發

此事件。

你會是這樣的：

stop: function(event, ui) { 
    $(ui.item[0]).html('Replace the HTML as needed.'); 
} 

現場演示：http://jsfiddle.net/ambiguous/Cb5BQ/

你會希望跟蹤的當前狀態（或大或小）的一類這樣您可以根據需要在「小部件」版本和「詳細信息視圖」版本之間切換。