jquery - 从表拖放到同一个表

Question

我有一个页面看起来是这样的：

这些表同一个表被称为：Tasks。

在第一个中，我展示了Done = False.

在第二个中，我展示了Done = True.

我想将任务从下表拖放到上表（当我将其拖放到上表时，我想将完成从 True 更改为 False）。

有人可以知道一个教程我该怎么做吗？

任何帮助表示赞赏！

Answer 1

我建议使用可排序的 JqueryUI。当在列表之间拖动项目时，您可以绑定一些很好的事件。 Receive可能是与您最相关的一个。因此，根据您引用的示例，我制作了这个JSFiddle 来演示：

$(function() {
  $( "#sortable1, #sortable2" ).sortable({
    connectWith: ".connectedSortable",
    receive: function( event, ui ) {

        //This function is called whenever you drag between 
        //your javascript here to update your property.
        alert("foo");
    }                               
  }).disableSelection();
});