如何更改要放入可排序列表的项目的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/

你会希望跟踪的当前状态（或大或小）的一类这样您可以根据需要在“小部件”版本和“详细信息视图”版本之间切换。