用户可拖动的webapp部分

Question

我想知道如何复制可拖动列/行分隔符的功能，例如在http://jsfiddle.net/找到的。

这是建立在某个库之上吗？

谢谢！

Answer 1

jsfiddle网站中的可拖动分隔线是使用jsfiddle.net/js/LayoutCM.js和jsfiddle.net/codemirror/js/codemirror.js中的代码实现的。

注意：SO中的新代码更改使得直接链接到jsfiddle实现以解释它们如何实现某些内容真的很合适。

其他相关的StackOverflow问题包括

• Resize elements by dragging divider handler
• Draggable div without jquery ui
• What is a lightweight script jquery extension that implements a draggable divide ?

功能提供了各种项目，包括jquery插件和其他JavaScript脚本

• jquery-divider
• jquery-splitter
• splitplane
• jqueryui Resizable（用作实施的组件）
• jqueryui Draggable（用作实施的组件）
• mootools splitter
• yui resize（用作实施的组件）
• jquery split plane

另请参阅其他资源，包括

• An example jquery splitplane implementation
• The example splitplane in Google's closure library
• split plane control in yui example

大多数人似乎使用现有的jquery插件或使用Draggable和Resizable组件进行自己的实现，例如代码会看到提到的其他StackOverflow帖子。