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

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

以及相应的文档entry。

  

<强> UI

     

<强>项目

     

输入：jQuery

     

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