jquery ui 可排序，获取发送对象

Question

我有两个表，项目可以在两个表之间排序/删除。 在我的 beforeStop 方法中，我试图访问发送者、项目形成的元素 - 但我得到的是 null。

http://api.jqueryui.com/sortable/#event-beforeStop

  $( "tbody" ).sortable({
            connectWith: "tbody",
            distance: 15,
            beforeStop: function(event, ui) {
                 console.log(ui.sender);

控制台显示

null

如何获取该项目来自的元素？

Answer 1

您可以将源容器保存在开始事件上的变量中。

jsFiddle Demo

var startElement = null;

$("#sortable").sortable(
    {
        start: function (event, ui) {
            startElement = $(this)
        },
        beforeStop: function(event, ui) {
            console.log(startElement);
        },
        connectWith: "#sortable2"
    }
);