0

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

谢谢!

4

1 回答 1

1

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

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

     }
}).disableSelection();

看到这个jsfiddle

以及相应的文档条目

用户界面

物品

类型:jQuery

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

于 2013-05-12T17:48:51.837 回答