如何制作与 960.gs 或其他网格框架对齐的可拖动 DIV？答案

【问题标题】：How to make draggable DIVs which align to 960.gs or other grid framework?如何制作与 960.gs 或其他网格框架对齐的可拖动 DIV？
【发布时间】：2011-09-07 23:40:28
【问题描述】：

我正在围绕基于 960.gs 的系统制作应用程序（尽管尚未在商店中设置网格框架）。

我想做的是让用户能够拖放特定的布局元素 (DIV)，从理论上讲，这会移动设计的块。我知道 JQuery UI 有一个拖放系统，它可能是这个项目的一个组件，但我想做的是确保用户只能根据定义的 css 的限制拖放和拉伸/展开 div网格。并确保没有任何东西会违反网格的边界，并生成正确的 css 类以正确显示....

我已经在网络和堆栈交换中搜索了一些示例，但我没有看到任何东西。有人能指出我正确的方向吗？

【问题讨论】：

标签： javascript css drag-and-drop grid 960.gs

【解决方案1】：

我正在研究一个类似的问题，我发现了一些不基于 960.gs 的选项。

jQuery EasyUI (www.jeasyui.com/) 有这样的东西；这是他们演示的direct link。

还有iNettuts，类似的东西。

既然你说网格框架的选择并不可靠，我认为这些选项可能有用。

【讨论】：