JQuery перетаскивание

Question

Я хочу создать интерфейс для выбора нескольких ответов, используя Drag & Drop, а не CheckBox рядом с ответами. Пользователь может выбрать два типа ответов (реальный ответ и поддельный ответ). У пользователя есть два изображения (для настоящих и поддельных) на странице ответов. Пользователь может перетащить изображение и оставить рядом с выбранным ответом. Изменить выбор можно, переместив «изображение и перетащив на другой ответ».

Я использовал "div, отформатированный с изображением", рядом со всеми ответами, чтобы пользователь мог сбросить изображение (то есть поддельное или реальное изображение) поверх этого "div".

Я использовал JQuery, чтобы переместить «изображение» и опустить «div». Теперь мне нужно добавить код в «div» (т. Е. Контейнер, используемый для хранения изображения), чтобы определить, какое «изображение помещено поверх него», то есть «поддельное или реальное».

Answer 1

Прямо сейчас ваш код делает #move1 и #move2 перетаскиваемыми, но ничего не сбрасываемыми. Попробуйте это:

$(document).ready(function(){
    $('#move1').draggable();
    $('#move2').draggable();
    $('form div').droppable({
        drop: function(e, ui) {
            alert(ui.draggable[0].id + ' dropped on ' + this.id);
            //example alert: "move1 dropped on name2"
        }
    });
});