glisser l'événement pour jquery-ui-sortable

Question

Comment faire pour écouter l'événement drag lorsqu'un jquery-ui-sortable est en train d'être déplacé?

Par stratégie hit-n-trial, j'ai essayé l'événement drag de jquery-ui-draggable mais cela ne fonctionne pas.

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

Answer 1

Utilisez événement sort à cette fin:

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

http://jsbin.com/kegeb

Answer 2

Sur la documentation, il dit que vous utiliserez "sorte" au lieu de "glisser".

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

Answer 3

Si vous devez gérer l'événement lorsque l'utilisateur commence à glisser, vous devez utiliser handle au lieu de sort:

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

Cet événement se produit au début de la traînée et lorsque la page est chargée (http://api.jqueryui.com/sortable/#option-handle).

Je vous suggère de vérifier également cette réponse, ce qui explique la façon correcte de traiter vos éléments lorsque votre liste est mise à jour: Get order of list items in a jQuery Sortable list after resort

Bonne chance