jquery - JQuery .sortable("cancel") - 如何获取被移动的项目？

Question

我是 jQuery 的新手。我搜索了文档和stackoverflow，但找不到答案。单击按钮时，我需要取消可排序列表中的最后一次更改，它可以工作。

我还需要获取已移动到其先前位置的元素（或它的 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，请转到此链接。