javascript - クエリの並べ替え可能なドロップ操作が終了したときに通知を受け取るにはどうすればよいですか？

Question

jqueryのソート可能なドロップ操作のアイテムが終了したときに通知を受け取るにはどうすればよいですか？

Answer 1

ここで、上記のクエリの完全なビンを作成しました。

デモ： 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;
        }
    });
});

デモ： http ：//codebins.com/bin/4ldqp9e