如何使draggable对象在被删除后可以删除?

时间:2014-10-18 20:57:18

标签: javascript jquery jquery-ui

如果这个问题草拟得很草率,我道歉。我刚刚开始理解jquery。

我想基于拖放实现表单构建器。

不知道如何使可拖动对象在被删除后可以删除。

我在寻找这种情况:

拖动“Auth”块,放下它,出现一个div,然后我拖动“Second”块,我可以将它放到“Auth”块和主要可放置区域。

jsfiddle.net/284mx1vn/3 /

1 个答案:

答案 0 :(得分:0)

您可以通过包装在jquery对象中将您在拖动事件中创建的元素初始化为可拖动的元素,如下所示:

var $field = $('<div class="input-block"><span class="label label-primary">' + ui.draggable.text() + '</span><div class="auth-block"></div>' + $add + $del + '</div>');
            $field.appendTo(this).find(".auth-block").droppable({
                drop: function(e,ui){
                    $(this).append(ui.draggable); // anything else you want to do
                }
            });

Updated Fiddle全屏结果

旁注:您应该重新考虑创建模板的代码,可能通过添加单独的函数来创建模板...目前很难使用它,因为它 < / p>