如何使可拖放的對象被丟棄？

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現在它很難與它一起工作，因爲它是