我想基于拖放实现表单构建器。
不知道如何使可拖动对象在被删除后可以删除。
我在寻找这种情况:
拖动“Auth”块,放下它,出现一个div,然后我拖动“Second”块,我可以将它放到“Auth”块和主要可放置区域。
jsfiddle.net/284mx1vn/3 /
答案 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>