我希望能够将图像拖到两个容器之一(容器 1 和容器 2)中。从那里,根据图像被删除到哪个容器,我想用一个数据库调用来更新那个容器(或者只是更新我的一个表中的一行)。
我想使用http://jqueryui.com/demos/droppable/来实现这一点,但我不确定如何处理请求,以及如何让每个容器监听事件处理程序(删除图片)。
我在下面画了一个非常糟糕的图表来解释我的意思:
可放置的演示准确地展示了如何做这种事情。
$(function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
});
我自己的非常基本的演示→(更新)