绑定jQuery的“滴”事件的下跌元素

Question

我有两个表，试图利用jQuery UI的拖动和投掷的表之间的行

我可以拖放就好了，但是“下降”通过元素不是“可丢弃的”。就像在我从表格1移动表格2到表格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元素更好的主意。毕竟，这是你放下tr s的桌子。