Question

How do I get notified when an item in the jquery sortable drop operation ends?

Answer 1

Here i have done complete bins for above query.

Demo: http://codebins.com/bin/4ldqp9e

HTML:

<ul id="sortable">
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 1
  </li>
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 2
  </li>
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 3
  </li>
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 4
  </li>
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 5
  </li>
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 6
  </li>
  <li class="ui-state-default">
    <span class="ui-icon ui-icon-arrowthick-2-n-s">
    </span>
    Item 7
  </li>
</ul>

CSS:

#sortable{
  width:50%;
}
#sortable li{
  list-style:none;
}
#sortable li span{
  display:inline-block
}

Jquery:

$(function() {
    $("#sortable").sortable({
        stop: function(event, ui) {
            alert("Sorting Stopped..!");
            return false;
        }
    });
});

Demo: http://codebins.com/bin/4ldqp9e