将 jQuery “drop” 事件绑定到被删除的元素

Question

我有两个表，尝试使用 jquery ui 中的可拖放和可拖放在表之间传递行

我可以很好地拖放，但是“dropped”元素不是“droppable”。就像我将一行从表 1 移到表 2 时一样，它可以工作。但是，如果我尝试将另一行从表 1 移动到表 2，则只有在页面加载时将其放到表 2 中的一个元素上时它才会起作用。它不会掉到我已移至表 2 的表 1 中的元素上。

我将如何重新绑定此事件，以使放置的元素可放置？

$("#inventor tr").draggable({
            helper: "clone",
            start: function(event, ui) {
                c.tr = this;
                c.helper = ui.helper;

            }
    });

var c = {};

    $("#invention tr").droppable({
        drop: function(event, ui) {
                    var $row = $(c.tr); 
                    var name = $row.find('td:eq(0)').html();
                    var age = $row.find('td:eq(1)').html();
                    var sex = $row.find('td:eq(2)').html();
                    var group = $row.find('td:eq(3)').html();
                    var pref = $row.find('td:eq(4)').html();



                    var stringToAppend = "<tr><td>"+name+"<span>"+age+" &bull; "+sex+" &bull; "+group+"</span></td></tr>";



             $("#invention table tbody").append(stringToAppend);

          $(c.tr).remove(); //remove from previous
          $(c.helper).remove(); //remove clone
        }
    });

Answer 1

也许将droppable 功能绑定到table 而不是每个单独的tr 元素会更好。毕竟，这是您将trs 删除到的表。