jquery – 动态添加DIV是否可以删除？

我有一个问题是动态添加div我的拖放操作的目标如果有人可以检查这个小提琴 http://jsfiddle.net/dgobrien123/FvG2J/embedded/result/
并可能帮助我找到我的错误.

在文档就绪方法中,这是应用droppable的方式：

$(".droppable").droppable({
            activeClass: 'dragactive',hoverClass: 'drophover',drop: function(event,ui) {                    
                alert( this.id );
                $(this).addClass('drophighlight').find('p').text( '' + ui.draggable.children("span").text() + '');
            }
        });

以下是添加容器的方法：

function addGroup() {
        counter = counter + 1;
        $("div#pcgroups").append("<div class='dropcontainer'><div class='droppable' id='GROUP" + counter + "'><p>PC GROUP #" + counter + "</p></div></div>");
        return counter;
    }

解决方法

您遇到的问题是您在创建元素之前应用了droppable.您可以在addGroup()方法中创建它们时应用它：

function addGroup() {
    counter = counter + 1;
    var x = $("<div class='dropcontainer'><div class='droppable' id='GROUP" + counter + "'><p>PC GROUP #" + counter + "</p></div></div>");

    $("div#pcgroups").append(x);
    x.droppable({
        activeClass: 'dragactive',ui) {
            alert(this.id);
            $(this).addClass('drophighlight').find('p').text('' + ui.draggable.children("span").text() + '');
        }
    });
}

更新小提琴：

http://jsfiddle.net/johnkoer/FvG2J/28/