如何将正在删除的项目的UI更改为可排序列表?

时间:2011-08-21 05:07:56

标签: jquery jquery-ui jquery-ui-sortable

我有两个jQuery UI可排序列表。当我将其拖放到最终列表中时,我想更改拖动项目的UI(从源列表中的小窗口小部件开始,但在放入目标列表时将其爆炸到详细视图)。有没有人对我如何做到这一点有任何想法,或者它是否可能?

1 个答案:

答案 0 :(得分:0)

您可以使用stop事件:

  

排序停止时会触发此事件。

你会有这样的事情:

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

现场演示:http://jsfiddle.net/ambiguous/Cb5BQ/

您希望跟踪班级中的当前状态(小或大),以便您可以根据需要在“小窗口”版本和“详细视图”版本之间切换。