创建拖放 div 布局答案

【问题标题】：Creating Drag Drop div layout创建拖放 div 布局
【发布时间】：2023-07-02 07:49:01
【问题描述】：

我想创建一种 iGoogle 类型的布局，您可以在其中将不同的小部件拖放到不同的位置。我只能使用 javascript 或 jquery。我想知道该怎么做。基本上如何启动和实现这种结构。

P.S.：我不能使用任何特定的框架来完成这项工作。我必须自己创建它。

【问题讨论】：

【解决方案1】：

您还可以使用可拖放的 jquery 插件。在此处查看示例

更新

您必须编写自己的可拖动函数。诀窍是您监听 onmousedown 事件，然后在当前 x、y 位置重绘元素。

看看这个example

注意：如果要学习，请不要复制粘贴示例。尝试理解然后自己实施！

【讨论】：

【解决方案2】：

查看 jQuery UI 的 Sortable 交互功能，应该会给你一个很好的起点。

【讨论】：