JQuery 可拖动 + 可放置 + 可排序

标签 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" />'); }

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

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

然后我尝试将其添加到我的可拖放中,但这会在拖放图像和排序时添加图像。

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

最佳答案

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

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

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

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

关于JQuery 可拖动 + 可放置 + 可排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8406258/

相关文章:

jquery - 显示/隐藏 div 点击链接 jquery

javascript - 使用 jquery.load 加载多个 Highcharts

javascript - 组织 JavaScript/jQuery - 替代使用 jQuery 的实时连接

javascript - jQuery: 'visible' 是否检测到最初隐藏的元素?

jquery - 如何设置jquery日期选择器日历图标触发图像的大小和位置

javascript - JQuery UI Sortable "CursorAt"更改变量后未更新

javascript - 如何防止 jQuery UI 可拖动以增加页面宽度并从 iFrame 拖动到父 HTML

jquery - Yii 生成 jQuery 版本 1.71。我如何强制 yii 使用特定的 jquery 版本

JQuery 可以使用居中元素排序吗?

jQuery UI 可排序 : is it possible to restrict possible positions of individual elements?