可调整大小的列/面板在jQuery中的内容? [英] Resizable columns / panels for content in jquery?

问题描述

有人知道jquery中是否有一个可用于滑动面板的示例吗?如果是这样，有人可以给我发送链接吗?这就是我要完成的.

does any one know if there is an example available for sliding panels in jquery? If so, can someone send me a link? This is what I want to accomplish.

在我的主屏幕上，我想分为三个部分.右栏覆盖屏幕的一半，然后左栏分为两行.我想扩展和/或缩小右列和/或左列和/或左列中的上一行和/或左列中的下一行. 将其视为IDE，将其左侧的编码区域和右侧的区域作为项目资源管理器和属性.编码人员希望一次看到任何三个部分，或者想扩展每个工作区域.

On my main screen I want to have three divisions. One right column that covers half the screen and then the left column divided in two rows. I want to expand and/or shrink the right column and/or left column and/or the top row in the left column and/or the bottom row in the left column. Think og it as an IDE with the left side of the coding area and right side as project explorer and the properties. The coder would like to see any three of the sections at once or would like to expand each working area.

我正在寻找这样的jquery解决方案！ 谢谢

I am looking for a jquery solution for such! Thanks

推荐答案

听起来像jsfiddle.net的工作方式

Sounds like the way jsfiddle.net works

这是作为插件提供的. http://docs.jquery.com/UI/Resizable

This is available as a plugin. http://docs.jquery.com/UI/Resizable

您还可以使用jQuery splitter插件: http://www.methvin.com/splitter/

You could also use the jQuery splitter plugin: http://www.methvin.com/splitter/

另请参阅(2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/

Also see (2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/

Flexigrid是一个新的(2012)选项: http://flexigrid.info/

Flexigrid is a new (2012) option: http://flexigrid.info/

这篇关于可调整大小的列/面板在jQuery中的内容?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！