如何使可拖放的对象被丢弃？

Question

我很抱歉，如果问题制定草率。我只是在了解jQuery开始的某个地方。

我想实现基于拖放的表单生成器。

不知道如何在拖放对象后放置可拖动的对象。

在我的我要寻找这样的场景：

拖动“验证”块，砸，会出现一个div，这个我拖“二”块之后，我可以把它都下降到“验证”块主要投掷区。

jsfiddle.net/284mx1vn/3/

Answer 1

您可以通过在一个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（全屏结果）

注意：你应该重新考虑创建模板的代码，也许通过添加一个单独的函数来创建模板... curr现在它很难与它一起工作，因为它是