evento di trascinamento per jquery-ui-ordinabile

Question

Come ascoltare l'evento drag quando viene trascinato uno jquery-ui-sortable?

Per strategia hit-n-trial, ho provato l'evento drag da jquery-ui-draggable ma non funziona.

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

Answer 1

Uso evento sort per questo scopo:

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

http://jsbin.com/kegeb

Answer 2

della documentazione dice che si deve usare "sorta" invece di "trascinare".

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

Answer 3

Se è necessario gestire l'evento quando l'utente inizia a trascinamento, è necessario utilizzare handle invece di sort:

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

Questo evento si verifica all'inizio del trascinamento e quando la pagina viene caricata (http://api.jqueryui.com/sortable/#option-handle).

vi consiglio di controllare anche questa risposta, il che spiega il modo corretto di gestire gli elementi quando l'elenco viene aggiornato: Get order of list items in a jQuery Sortable list after resort

Buona fortuna