JQuery Draggable + Droppable + Sortable

Posted 2023-05-08

【中文标题】JQuery Draggable + Droppable + Sortable

【英文标题】：

【发布时间】：2012-01-14 10:18:44

【问题描述】：

我确信这个问题之前已经得到解答，但我找不到适合我情况的示例。我有一个可拖动的图像列表。我还有一个设置为可放置和可排序的 div (id="dropZone")。当图像被拖放到 div 上时，我想触发一个函数，而不是在将事物从排序中拖放到 div 上时触发一个函数。这是我尝试过的：

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

这是我添加到可放置图像中的，但是即使它们被放置在可放置对象之外，它也会触发。

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

然后我尝试将其添加到我的 droppable 中，但这会在图像从被拖动和排序中删除时添加。

有人知道我需要做什么吗？

【问题讨论】：

一张图片胜过千言万语。你能在jsfiddle 上做一个测试用例，让我们准确地描述你的问题吗？

【参考方案1】：

这个问题很模糊，但您似乎需要的是来自 sortable 的接收事件。

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

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

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