javascript - jQuery UI - 放置的元素 -> 从哪个 div 中拖动

标签 javascript jquery jquery-ui

我在使用 jQuery UI 时遇到问题,并获取了删除项目的一些信息。 我的屏幕上有三个区域:

<div id="area1"></div>
<div id="area2"></div>
<div id="area3"></div>

在这些区域中,我放置了可使用 jQuery UI 拖动的元素。

现在,如果将一个元素从一个区域放置到另一个区域,我不仅会获得该元素被放置到的区域编号,而且还需要在新放置之前该元素被放置的区域编号。

我创建了一个完整的工作示例:http://jsbin.com/iyaya3/ 有一个蓝色的可拖动元素,如果我将其从区域 1 拖动到区域 2,我希望收到“从区域 1 拖动 - 放到区域 2”的警报消息。

如何做到这一点?

最诚挚的问候,蒂姆-。

最佳答案

嘿,我更新了您的 jsbin - http://jsbin.com/iyaya3/3

它的工作原理如下:

  1. 获取初始父元素的 id 并使用 jQuery.data 将其保存在可拖动元素上
  2. 将其拖放到可拖放时,更新数据

关于javascript - jQuery UI - 放置的元素 -> 从哪个 div 中拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4615877/

相关文章:

javascript - canvas.width=canvas.width 在内部是如何工作的?

javascript - 方向 Portrait 和 PortraitUpSideDown 仅适用于一个窗口

javascript - 如何防止 javascript 重定向退出全屏模式?

javascript - 使用预签名 URL 上传后,AWS S3 上的文件包含额外信息

javascript - 当快速悬停在导航链接上时,jquery mouseleave 事件没有被触发?

jquery - 我可以为 iPad 指定纵向初始 View 比例和横向初始 View 比例吗?

javascript - jquery 从变量名检查类

jquery-ui - jQueryui 选项卡中的多个 jQgrid

php - JQuery UI 自动完成,将所有数据加载到 DOM 中而不是从 mysql 数据库中获取

Jquery UI - Chrome 无法在不破坏我的 CSS 的情况下产生效果