Bindung jQuery „drop“ Ereignis zu einem abgelegte Element

Question

Ich habe zwei Tabellen, versuchen Reihen mit ziehbar und abwerfbaren zwischen den Tischen, um von jquery ui

ich in der Lage bin ziehen ganz gut, aber „fallen gelassen“ Elemente sind nicht "droppable". Wenn ich eine Zeile von Tabelle 1 in Tabelle 2 verschiebe, funktioniert es. Wenn ich jedoch versuche, eine andere Zeile von Tabelle 1 in Tabelle 2 zu verschieben, funktioniert sie nur, wenn ich sie auf eines der Elemente lege, das ursprünglich in Tabelle 2 war, als die Seite geladen wurde. Es wird nicht auf die Elemente von Tabelle 1 fallen, die ich in Tabelle 2 verschoben habe.

Wie würde ich dieses Ereignis erneut binden, um ein dropped Element dropable zu lassen?

$("#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

Vielleicht wäre es eine bessere Idee, die droppable Funktionalität der table anstelle jedes einzelnen tr Element zu binden. Immerhin ist es der Tisch, den Sie fallen lassen, um die tr s.