Dragg只有1格

Question

我有2個div 1與圖像列表和1與div板1。 圖像是使用可拖動：

$('.image').draggable({ opacity: 0.9}).resizable(); 

在div板是在左側（固定寬度的80％）的圖像是在右側（固定寬度的20％）

我想使所以如果我把它放在div板中的圖像它會在div板中。 而不是維護div圖像。 ，如果它在div板中，它只能被拖拽而不回到圖像。

我試圖

$('#board').droppable(); 

和

$("#board").droppable({accept: "#draggable}); 

我已閱讀指出錯誤頁面，但我不能讓它的工作

編輯： 我有一個按鈕至極打印內容的div板，所以它必須在div！

上
http://ve.svenboogaart.nl/test/index2.php是例如，在正確的應該成爲在左側板，然後成爲像Twitter圖標，在板上，從而ONL dragable而不是外部的IMGS。

Answer 1

嘗試這樣

$("#droppable").droppable({ 
    drop: function(event, ui) { 
    $(this) 
     .addClass("ui-state-highlight") 
     .find("#draggable"); 
    } 
}); 

，或者你可以嘗試這樣的

$('#droppable').droppable({ drop: Drop }); 

function Drop(event, ui) { 
    var draggableId = ui.draggable.attr("id"); 
    var droppableId = $(this).attr("id"); 
}