Jquery 如何在拖放完成后返回可拖放的项目

我无法在拖放后完成时选择并拖动项目返回

这是我的密码

我想在两个表之间拖动多行

剧本

---

您需要将可拖动事件绑定到克隆的tr元素

查看更新的代码：

---

您需要在副本上保留可拖动的事件处理程序。您可以通过将clone方法设置为true来实现这一点

我宁愿实际移动所选项目及其处理程序项目，而不是克隆它们。 以下是如何：

$("#tbodyMember").droppable({
        drop: function (event, ui){             
            $(this).append($('tr.selected'));
            $('#tbodyNotMember tr.selected').remove();
        }
    }); 
    $("#tbodyNotMember").droppable({
        drop: function (event, ui){        
            $(this).append($('tr.selected'));
            $('#tbodyMember tr.selected').remove();       
        }
    });

见： * *

也许您应该使用sortable？

 function draggableHelper(){
            var selected = $('.connectedSortable tr.selected');
            if (selected.length === 0) {
                selected = $(this).addClass('selected');
            }
            var container = $('<div/>').attr('id', 'connectedSortable');
            container.append(selected.clone().removeClass("selected").draggable({
                    helper: draggableHelper
                }));
            return container;
         }
    $(".connectedSortable tr").draggable({
        helper: draggableHelper
    }); 

$("#tbodyMember").droppable({
        drop: function (event, ui){             
            $(this).append($('tr.selected'));
            $('#tbodyNotMember tr.selected').remove();
        }
    }); 
    $("#tbodyNotMember").droppable({
        drop: function (event, ui){        
            $(this).append($('tr.selected'));
            $('#tbodyMember tr.selected').remove();       
        }
    });