jQuery UI 可排序 - 如何对刚刚移动的项目进行一些操作答案

【问题标题】：jQuery UI sortable - how to make some action with just moved itemjQuery UI 可排序 - 如何对刚刚移动的项目进行一些操作
【发布时间】：2013-05-12 17:46:27
【问题描述】：

我有 2 个包含项目的列表，我添加了可排序的 UI。
如何选择刚刚移动的元素并从中获得乐趣？
当我尝试这段代码时 - 它为第一个 UL 的所有元素添加一个类，但我需要将这个类添加到刚刚将元素移动到第二个 UL。

<ul class="moveMe" id="ul1">
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>
<ul class="moveMe" id="ul2">
    <li></li>
</ul>

<script>
    $(".moveMe").sortable({
        connectWith: ".moveMe",
        stop: function (event, ui) {
            $('li', this).addClass('justMoved');

        }
    }).disableSelection();
</script>

谢谢！

【问题讨论】：

标签： jquery-ui jquery-ui-sortable

【解决方案1】：

只需使用ui.item 而不是this。

$(".moveMe").sortable({
     connectWith: ".moveMe",
     stop: function (event, ui) {
         ui.item.addClass('justMoved');

     }
}).disableSelection();

看到这个jsfiddle

以及对应的文档entry。

用户界面

项目

类型：jQuery

代表当前拖动元素的jQuery对象

【讨论】：