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插件或使用可拖動使自己的實施和可調整大小的組件，例如代碼請參閱上面提到的其他StackOverflow帖子。