drag event for jquery-ui-sortable

javascript jquery-ui drag-and-drop jquery-ui-sortable

Imran Naqvi · Nov 16, 2011 · Viewed 20.1k times · Source

How to listen to drag event when a jquery-ui-sortable is being dragged?

By hit-n-trial strategy, I've tried drag event from jquery-ui-draggable but it's not working.

$('.widget_container').sortable({
    drag: function(event, ui) { console.log('drag'); }
});

Answer

Use sort event for this purpose:

$(".sortable").sortable({
    sort: function(e) {
      console.log('X:' + e.screenX, 'Y:' + e.screenY);
    }
});