Dragg apenas em 1 div - jquery, html

Eu tenho 2 divs 1 com uma lista de imagens e 1 com uma placa div. As imagens são arrastáveis ​​usando:

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

a div board está no lado esquerdo (largura fixa 80%) as imagens estão no lado direito (largura fixa 20%)

Eu quero fazer isso, se eu soltar a imagem na placa div vai no tabuleiro div. e não manter imagens div. e se estiver na placa div, só pode ser arrastado para dentro da placa e não voltar para as imagens.

eu tentei

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

e

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

Eu li páginas diferentes, mas eu não consigo fazê-lo funcionar

editar: Eu tenho um botão que imprime o conteúdo da placa div por isso tem que estar no div!

Respostas:

Tente assim

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

ou você pode tentar assim

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

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