如何通过 jQuery UI 使整个 DOM 可拖动和调整大小？答案

【问题标题】：How to make entire DOM draggable & resizable via jQuery UI?如何通过 jQuery UI 使整个 DOM 可拖动和调整大小？
【发布时间】：2011-09-25 05:02:04
【问题描述】：

有没有办法使用 jQuery UI “激活”整个 DOM 以使其可拖动和调整大小？然后我想将用户的新位置保存在 HTML5 的数据属性中，以便稍后重新创建页面。

想象一下，当您只需悬停、单击、拖动和调整周围所有可见元素的大小时，您正在查看的同一页面将被“激活”（捕捉会非常好！）。对此有何建议或想法？

【问题讨论】：

【解决方案1】：

如果你真的想要，你可以使用$("*") 选择器。但我不建议这样做...

【讨论】：

【解决方案2】：

这很简单，只需这样做：

$('*').draggable();

不太清楚你为什么要这样做。

【讨论】：

【解决方案3】：

就像 Thr4wn 所说，如果你给每个应该移动一个类的元素，那么你可以给那个类的每个成员一个函数，当它改变时更新它的位置。我建议使用960.gs 作为网格来记住位置。

这样您就可以将每个对象类作为 html5 数据。

【讨论】：

【解决方案4】：

实际上将每个 div/span 都设为可拖放是不明智的。我们让人类容易观察到的原子“单元”（如“javascript”标签框）在 HTML 结构内部并不那么明显。因此，您可能需要进行一些思考并决定您希望将哪些内容包含在可拖放的“所有内容”中。那时，您可以使用“dd”类命名所有这些元素并使用它。

【讨论】：