jQuery Drag'n從按鈕中刪除圖像？

Question

有沒有一種方法來設置jQuery UI的Draggable小部件，以便我可以將圖像從一個按鈕中「拖出來」？就好像按鈕包含無法看到的無限對象，併成爲從按鈕拖動時可以放入另一個框中的真實元素？

我有一個按鈕，當按下後，將新的DIV添加到頁面中的某個位置。用戶不需要點擊按鈕，而是允許用戶將按鈕中的對象拖入舞臺。

可能嗎？謝謝。

Answer 1

經過深入研究，結果發現這裏缺少的鏈接是jQuery UI的Droppable小部件。如果你使用「drop」參數，你可以告訴插件刪除什麼，而不是你拖動的元素。

http://api.jqueryui.com/droppable/#event-drop

Answer 2

我想大畫面，解決這個問題可以是這樣的：

1. 創建拖過對象當按鈕被拖到讓用戶看到物體在移動時他們老鼠。
2. 當文檔被刪除時，將該對象插入到文檔中。 A running example of drag-drop

   $(document).ready(function() { 
       $("#div_dragIcon").draggable({ 
        helper: "clone" 
       }); 
   
   $("#divCanvas").droppable({ 
       drop: function (e, ui) { 
        $(this).append(ui.helper.clone()); 
       } 
   }); 
   

   希望這是有幫助的：

正在運行的例子可以在這裏找到。