Dragg tylko w 1 div - jquery, html

Mam 2 divy 1 z listą obrazów i 1 z tablicą div. Obrazy są przeciągane za pomocą:

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

tablica div znajduje się po lewej stronie (stała szerokość 80%), obrazy są po prawej stronie (stała szerokość 20%)

Chcę to zrobić, więc jeśli upuszczę obraz na tablicy div, przejdzie on na planszę div. i nie utrzymuj obrazów div. a jeśli jest na tablicy div, to można go przeciągnąć tylko na planszę, a nie z powrotem do obrazów.

próbowałem

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

i

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

Czytałem różne strony, ale nie mogę go uruchomić

edytować : Mam przycisk, który drukuje zawartość tablicy div, więc musi być w div!

Odpowiedzi:

Spróbuj tego

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

lub możesz spróbować tak

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

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