javascript - 如何创建可拖动的小部件？

Question

背景

我的任务是开发一个分析产品的前端，该产品在可自定义的仪表板中向用户呈现信息，例如 Google Analytics 使用的仪表板: - 仪表板由排列在网格布局中的可拖动小部件组成 - 小部件有一个拖动 handle ，用户可以点击它开始拖动 - 可以通过拖放小部件重新排序小部件

问题

第 1 部分。使用 jQuery(或任何其他开源 Javascript API)任何人都可以从高层次概述中向我解释如何实现这样的功能。

第 2 部分。您能否推荐任何可能与实现此功能或任何可预见的相关功能相关的资源供我阅读？ (书籍、链接、api 文档、教程)

Answer 1

编辑 这个看起来更好，维护得更好! GRID by UberVU

列表中的下一个是 gridster.js

PS:我知道这是一个旧线程，但由于这个问题是 Google 中的第一个热门问题，我认为值得列出一些较新的库。