Dragg только в 1 div

Question

У меня есть 2 divs 1 со списком изображений и 1 с доской. Изображение сделано перетаскивать с помощью:

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

ДИВ доска находится на левой стороне (с фиксированной шириной 80%) изображения находятся на правой стороне (фиксированная ширина 20%)

я хочу сделать так что, если я сниму изображение на доске, он будет находиться на доске. и не сохранять изображения div. , и если его на доске можно только перетащить на борт и не вернуться к изображениям.

я попытался

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

и

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

я прочитал diffrent страниц, но я не могу заставить его работать

редактировать: У меня есть кнопка Wich печатает содержимое из доски, чтобы он был в div!

на
http://ve.svenboogaart.nl/test/index2.php является примером, в ГИМ по праву должен стать по левому борту, а затем стать как значок щебет, так ОНЛ dragable в доску, а не снаружи.

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"); 
}