jquery-ui - jQuery UI sortable - 如何对刚刚移动的项目进行一些操作

Question

我有 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>

谢谢！

Answer 1

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

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

     }
}).disableSelection();

看到这个jsfiddle

以及相应的文档条目。

用户界面

物品

类型：jQuery

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