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

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

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

---

我在网络和堆栈交换中搜索了一些这方面的示例，但我什么都没看到。有人能给我指出正确的方向吗？

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

jqueryeasyui（www.jeasyui.com/）有这样的功能；这是他们演示的一个例子

还有一个类似的例子

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