检测丢弃事件

Question

我目前正在开展一个项目。有两个按钮绑定到两个div。当按下按钮1时，显示#draggableDiv 1，如果按下按钮2，则显示＃draggableDiv2。然后可以将它们拖动到＃droppableDiv。我希望能够识别哪个div被丢弃了。

if("#draggableDiv1" == dropped)
    {
      Run this code;
}else{
      Run this code;

Answer 1

确保你在droppable选项中传递了这样的事件和ui参数：

drop: function( event, ui ) {

然后在你的drop函数中你可以像这样检测它：

var dropped = ui.draggable.attr('id');
if ("draggableDiv1" == dropped)
etc.

Answer 2

也许你需要看一下jQuery UI Draggable

http://jqueryui.com/draggable/，特别是http://jqueryui.com/droppable/#shopping-cart