javascript - 如何制作与 960.gs 或其他网格框架对齐的可拖动 DIV?

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

我正在围绕基于 960.gs 的系统制作一个应用程序(尽管网格框架尚未设置)。

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

我已经在网络和堆栈交换中搜索了一些沿着这条线的例子,但我什么也没看到。有人可以指出我正确的方向吗?

最佳答案

我正在调查一个类似的问题,我发现了一些不基于 960.gs 的选项。

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

还有 iNettuts ,这是类似的东西。

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

关于javascript - 如何制作与 960.gs 或其他网格框架对齐的可拖动 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7341662/

相关文章:

javascript - 动态设置的 Requirejs 优化器和区域设置

javascript - 不同的按钮大小 - Bootstrap

html - 如何在 flexbox 中跨行均匀分布元素?

objective-c - Cocoa:拖放任何文件类型

javascript - 设置属性时如何检查值是否有效

javascript - 在 JavaScript 中向函数添加选项

javascript - 如何获取正在循环的元素的其他属性

html - css垂直输入范围宽度问题

javascript - 用元素之间的动画对拖放和连接箭头(或其他任何东西)使用react

ios - CCButton 在 touchMoved 实现时不起作用