Drag event для jquery-ui-sortable

Как прослушивать событие drag при перетаскивании jquery-ui-sortable?

Стратегия hit-n-trial, я пробовал событие drag из jquery-ui-draggable, но он не работает.

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

Ответ 1

Используйте для этого sort событие:

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

http://jsbin.com/kegeb

Ответ 3

Если вам нужно обработать событие, когда пользователь начинает перетаскивать, вы должны использовать handle вместо sort:

$(".sortable").sortable({
    handle: function(e) {
      console.log('Handled');
    }
});

Это событие произойдет в начале перетаскивания, и когда страница будет загружена (http://api.jqueryui.com/sortable/#option-handle).

Я предлагаю вам также проверить этот ответ, в котором объясняются правильные способы обработки ваших элементов при обновлении вашего списка: Получить порядок элементов списка в сортировочном списке jQuery после

Удачи.