Javascript 如何创建可拖动的小部件? 背景

Javascript 如何创建可拖动的小部件? 背景,javascript,jquery,Javascript,Jquery,我的任务是开发分析产品的前端,在可定制的仪表板(如Google analytics使用的仪表板)中将信息呈现给用户: -仪表板由网格布局中排列的可拖动小部件组成 -小部件有一个拖动手柄,用户可以单击该手柄开始拖动 -可以通过拖放小部件来重新排序小部件 问题: 第一部分。使用jQuery(或任何其他开源Javascript API),任何人都可以从一个高层次的概述中向我解释如何实现这样一个特性 第二部分。您能为我推荐一些可能与实现此功能或任何可预见的相关功能相关的资源吗?(书籍、链接、api文档、

我的任务是开发分析产品的前端,在可定制的仪表板(如Google analytics使用的仪表板)中将信息呈现给用户: -仪表板由网格布局中排列的可拖动小部件组成 -小部件有一个拖动手柄,用户可以单击该手柄开始拖动 -可以通过拖放小部件来重新排序小部件

问题: 第一部分。使用jQuery(或任何其他开源Javascript API),任何人都可以从一个高层次的概述中向我解释如何实现这样一个特性


第二部分。您能为我推荐一些可能与实现此功能或任何可预见的相关功能相关的资源吗?(书籍、链接、api文档、教程)

您可以在这里找到很多信息:

  • 使用jQuery,进入Demo&Doc页面查看如何使用D&D。
  • 如果您想深入了解小部件页面/仪表板架构,并想了解其他人是如何做到这一点的,请阅读Omar AL-Zabir的书

  • 您可以轻松地实现这一点。 您将从中获得所需信息


    首先想到的是。

    我很肯定这一次会让你开心

    使用HTML 5

    编辑这一款看起来更好,维护性更强

    名单上的下一个是

    PS:我知道这是一个老话题,但由于这个问题是谷歌的第一个热门话题,我认为值得列出一些新的库