CODEWITHSUNDEEP
jquery-uijquery-ui-sortable
sergey_c
sergey_c

Reputation: 761

jQuery UI sortable - how to make some action with just moved item

I have 2 lists with items, I add UI sortable to it.
How can I select and do some fun with just moved element?
When I'm trying this code - it add a class to all elements from first UL, but I need to add this class to just moved element to second 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>

Thanks!

Upvotes: 0

Views: 529

Answers (1)

SirDerpington
SirDerpington

Reputation: 11460

Just use ui.item instead of this.

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

     }
}).disableSelection();

See this jsfiddle

And the corresponding doc entry.

ui

item

Type: jQuery

The jQuery object representing the current dragged element

Upvotes: 1

Related Questions