how can i sort elements on drop using JQuery UI?

Question

I have few 'li' elements. I can drag and drop elements...but,my requirement is i need to sort element after drop(element has to move to destination after mouse release). Please help me... Here is the code i'm using,

$( ".sortable" ).sortable({
    revert: true,
    start : function(e){
        console.log(e);
    }
});
$( "li selector" ).draggable({
    connectToSortable: ".sortable",
    start : function(e){
        console.log(e);
    }
});

Answer 1

Is there not a onDrop event, or something similar you can listen for, to then run your sorting function?

If not, you could run a function that binds to the jQuery event .mouseup() , which then fires your sorting function.

https://api.jquery.com/mouseup/