拖放适用于静态表，但不适用于动态生成的表

Question

我正在制作一个UI，我正在使用预构建逻辑

vector

当我动态生成要删除其代码为

的元素的表时调用它

function goto1(){
            $('.fool .item').draggable({
                revert:true,
                proxy:'clone'
            });
            $('#cool .drop').droppable({
                onDragEnter:function(){
                    $(this).addClass('over');
                },
                onDragLeave:function(){
                    $(this).removeClass('over');
                },
                onDrop:function(e,source){
                    $(this).removeClass('over');
                    if ($(source).hasClass('assigned')){
                        $(this).append(source);
                    } else {
                        var c = $(source).clone().addClass('assigned');
                        $(this).empty().append(c);
                        c.draggable({
                            revert:true
                        });
                    }
                }
            });
            $('.fool').droppable({
                accept:'.assigned',
                onDragEnter:function(e,source){
                    $(source).addClass('trash');
                },
                onDragLeave:function(e,source){
                    $(source).removeClass('trash');
                },
                onDrop:function(e,source){
                    $(source).remove();
                }
            });
        }   

这是我的html代码，里面有一个div＆＃39;傻瓜＆＃39;我有静态桌子和一个div＆＃39; cool＆＃39;我在哪里动态生成一个表。如果您想要预定义代码的链接，我将其用作预定义的js文件js file

上面的代码工作正常，如果两个表都是静态的，那么如果我动态生成一个表就无法正常工作。如果有人能告诉我为什么它会提前给你很大的帮助