Question

I am using jQuery UI sortable portlets. The jqueryui sortable page refers to the documentation where you have event handlers attached if the portlets are moved from one column to the other, the recieve function takes care of the stuff, as shown below:

 $( ".column" ).sortable({
        connectWith: ".column",
        placeholder: 'ui-state-highlight',
        handle: 'h6',
        revert: true,
        receive: function(event, ui) {
         console.log(ui.item);
        }, 
         over: function(event, ui){
             console.log(ui.item);
        }

The over function as stated above, i thought would log if the element is moved up/down in the same column. But this does not happen.

So, how do i get an event when one portlet has been moved up/down within the same column.

A simple fiddle is located here.

Answer 1

You seem to be looking for the change event, which is triggered when a sortable element’s position is updated, even in the same column:

$(".column" ).sortable({
    connectWith: ".column",
    placeholder: "ui-state-highlight",
    handle: "h6",
    revert: true,
    receive: function(event, ui) {
        console.log(ui.item);
    },
    change: function(event, ui) {
        console.log(ui.item);
    }
});

You will find an updated fiddle here.