jquery - 如何将图像拖放到容器中，然后根据拖放到容器中的内容更新容器？

Question

我希望能够将图像拖到两个容器之一（容器 1 和容器 2）中。从那里，根据图像被删除到哪个容器，我想用一个数据库调用来更新那个容器（或者只是更新我的一个表中的一行）。

我想使用http://jqueryui.com/demos/droppable/来实现这一点，但我不确定如何处理请求，以及如何让每个容器监听事件处理程序（删除图片）。

我在下面画了一个非常糟糕的图表来解释我的意思：

Answer 1

可放置的演示准确地展示了如何做这种事情。

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

我自己的非常基本的演示→（更新）