jQuery UI Chinese Reference Manual
/放置（Droppable）
放置（Droppable）
为可拖拽小部件创建目标。
如需了解更多有关 droppable 交互的细节，请查看 API 文档 可放置小部件（Droppable Widget）。
默认功能
在任意的 DOM 元素上启用 droppable 功能，并为可拖拽小部件创建目标。
接受
使用accept选项指定目标 droppable 接受哪一个元素（或元素组）。
防止传播
当使用嵌套的 droppable 时 — 例如，您可以有一个树形的可编辑的目录结构，带有文件夹和文档节点 —greedy选项设置为 true 来防止当 draggable 被放置在子节点（droppable）上时的事件传播。
还原 draggable 的位置
当带有布尔值revert选项的 draggable 停止拖拽时，返回 draggable（或它的助手）到原始位置。
购物车演示
演示如何使用折叠面板来展示产品的目录结构，使用拖拽和放置来添加产品到购物车，购物车中的产品是可排序的。
简单的照片管理器
您可以通过拖拽照片到回收站或者点击回收站图标来删除照片。
您可以通过拖拽照片到相册或者点击回收利用图标来还原照片。
您可以通过点击缩放图标来查看大图。jQuery UI 对话框（dialog）部件用于模态窗口。
视觉反馈
当悬停在 droppable 上时，或者当 droppable 被激活（即一个可接受的 draggable 被放置在 droppable 上）时，改变 droppable 的外观。使用hoverClass或activeClass选项来分别指定 class。
实例
jQuery UI 放置（Droppable） - 视觉反馈 当悬停在 droppable 上时的反馈：
当激活 draggable 时的反馈：
运行实例 »
点击 "运行实例" 按钮查看在线实例