2012-01-05 82 views
8

做任何人知道是否有一个例子可用于在jQuery中滑动面板?如果是这样,有人可以给我一个链接?这是我想要完成的。可调整大小的列/面板的jQuery内容?

在我的主屏幕上,我想要有三个部门。一个右列包含屏幕的一半,然后左列分成两行。我想要扩展和/或缩小左列中的右列和/或左列和/或上列和/或左列中的下列列。 认为它是一个IDE,编码区的左侧和右侧作为项目浏览器和属性。编码人员希望一次看到任何三个部分,或想要扩展每个工作区域。

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

+0

Sooo ...你想在jQuery中重新创建帧? – SpliFF 2012-01-29 01:02:28

+0

还发现[jQWidgets splitter](http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/index.htm?%28arctic%29#demos/jqxsplitter/defaultfunctionality.htm),但它花钱用于商业用途。 – 2015-03-31 09:44:39

回答

10

听起来jsfiddle.net工作

这是作为一个插件的方式。 http://docs.jquery.com/UI/Resizable

你也可以使用jQuery的分路器插件:http://www.methvin.com/splitter/

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

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

+0

你有链接演示如何使用UI Resizable实现分割面板吗?我发现它只能帮助实现可调整大小的小部件,而不是分割。 – 2015-03-31 09:43:12