how to get dragged event in JQuery UI sortable?

Question

i am using this jquery to make a drag and drop sortable list. http://jqueryui.com/demos/sortable/ how i can catch the dragged event of elements ?

<script>

$(document).ready(function() { $("#sortable").sortable(); });

</script>

please help me.am not familiar with jquery.thanks in advance..i need to get the id of dragged element.

this post helped me to catch the drag event: stackoverflow.com/questions/8148145/… — nerdess
– nerdess, Commented Jan 15, 2013 at 13:30

Simeon · Accepted Answer · 2010-04-15 09:59:48Z

4

Here's how to get the ID of the dragged element:

$('#sortable').sortable({
    stop: function(ui, event){
        var id = event.item.attr('id');
        alert(id);
    }
});

answered Apr 15, 2010 at 9:59

Simeon

5,5793 gold badges31 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andro Selva · Accepted Answer · 2012-10-19 13:29:34Z

1

Very similar to previous answer but I used deactivate to capture the event after a sorting has been done

jQuery:

$('.week').sortable({
  deactivate: function (ui,e) {
    console.log(e.item.attr('id'));
  },
});

Andro Selva

54.4k53 gold badges195 silver badges244 bronze badges

answered Oct 5, 2012 at 0:26

Marian Zburlea

9,4474 gold badges35 silver badges37 bronze badges

amantur · Accepted Answer · 2010-04-15 09:02:30Z

0

According to this page, you might use start or activate events.

answered Apr 15, 2010 at 9:02

amantur

40.6k22 gold badges136 silver badges192 bronze badges