событие перетаскивания для jquery-ui-sortable

Question

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

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

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

Answer 1

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

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

http://jsbin.com/kegeb

Answer 2

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

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

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

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

Удачи

Answer 3

В документации сказано, что вы должны использовать «сортировку» вместо «перетаскивания».

http://api.jqueryui.com/sortable/#option-forcePlaceholderSize