JQuery Draggable + Droppable + Sortable

时间:2011-12-06 20:18:42

标签: jquery jquery-ui jquery-ui-sortable jquery-ui-draggable jquery-ui-droppable

我确定之前已经回答过,但我找不到符合我情况的例子。我有一张可拖动的图片列表。我还有一个div(id =" dropZone"),它被设置为可放置和可排序。我想在图像被拖放到div上时触发一个函数,但是当div上的东西被排除时,我不想触发它。这就是我的尝试:

stop: function() { $('#dropZone').prepend('<img src"img.png" />'); }

这是我添加到droppable图像中,但是即使它们被丢弃在droppable外面也会触发。

drop: function() { $('#dropZone').prepend('<img src="img.png" />'); }

然后我尝试将它添加到我的droppable中,但是这会在拖动它并将其分类时添加图像。

任何人都知道我需要做什么?

1 个答案:

答案 0 :(得分:0)

问题很模糊,但看起来你需要的是可排序的接收事件。

$( ".selector" ).sortable({
   receive: function(event, ui) { ... }
});

http://jqueryui.com/demos/sortable/#connect-lists

仅当从其他连接列表收到项目时才会发生此事件。