Jquery ui jQuery UI可使用动态“排序”；“连接到”；选项

我正在开发一个包含3个表的页面。在第三个表中，我有可以在第一个或第二个表中排序和删除的行

---

是否有一种方法可以动态定义是否可以在其他两个表中的一个表上删除特定行？一种动态的“connectWith”选项…或任何其他方式…

您可以使用jQuery UI的

.draggable（）

方法定义第三个表的行。 通过调用draggable方法，可以指定元素可以放置的位置

然后拖动tr，从当前表（第三个表）中隐藏当前tr。 在删除tr时，获取删除tr的表，并真正添加tr，真正从第三个表中删除该行。 最好不要在开始时立即从第三个表中删除该行，因为如果拖动事件不正常（例如，我放置在错误的位置），可以再次显示该行

这里有一个指向jQuery UI可拖动方法的链接：

代码的POC：

$( "#third-table tr" ).draggable({ 
    snap: ".drop-tables",
    start: function() {
        // hide the row from the third table
    },
    stop: function() {
        // add the row to the target table
        // remove the row from the third table
    }
});

---

谢谢你的回复。您说“您可以指定元素可以放置的位置”。我是否遗漏了什么，或者您建议的方式是静态的，以及我已经在使用sortable的“connectWith”选项的方式？如何动态地告诉脚本可以在何处删除行？Snap属性指定可删除元素的类。只需对您希望允许dropOk的所有元素使用相同的类，那么您建议创建N个可拖动的实例？这真的是唯一的办法吗？如果我有50张桌子呢？我真的需要一些动态的东西，我可以在上面执行一个验证函数，返回true或false来接受丢弃或拒绝它…不。首先，让我们将可拖动和可拖放分开。我建议您对所有可拖动的元素使用相同的类。和将被接受为放置区域的元素的同一类。这是动态的，您可以使用CSS类来管理可拖放的元素