jquery - JQuery .sortable("cancel") - 移動されたアイテムを取得する方法は?

Question

私はjQueryの初心者です。ドキュメントとスタックオーバーフローを検索しましたが、答えが見つかりませんでした。ボタンをクリックすると、ソート可能なリストの最後の変更をキャンセルする必要があり、それは機能します。

また、以前の位置に移動された要素 (またはその ID) を取得する必要があります。どうすればいいですか？

私が持っているコード:

<script type="text/javascript">
$(function(){
  $("#sortable").sortable({
    placeholder: "ui-state-highlight",
    opacity: 0.6
  });
  $("#cancelSort").click(function(){
    $("#sortable").sortable("cancel");
  });
});
</script>

<button id="cancelSort">Cancel Sort</button>

前もって感謝します！

Answer 1

変数を作成し、 を使用してstop event、変数を に設定しますui.item。

$(function(){
    var last_el=null,
        last_id=null;

  $("#sortable").sortable({
      placeholder: "ui-state-highlight",
      opacity: 0.6,
      stop: function( event, ui ){
        last_el = $(ui.item);  //element
        last_id = $(ui.item).attr('id'); //element_id
      }
  });

  $("#cancelSort").click(function(){
     $("#sortable").sortable("cancel");
     console.log(last_el, last_id);
  });
});

デモ: http://jsfiddle.net/dirtyd77/Tmdmq/

注: に慣れていない場合はconsole.log、このリンクにアクセスしてください。