【问题标题】:JQuery Draggable + Droppable + SortableJQuery 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 上做一个测试用例,让我们准确地描述你的问题吗?

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


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-07-26
    • 2010-12-17
    • 2011-09-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多