可调整大小的列/面板用于jquery中的内容?

时间:2012-01-05 16:05:12

标签: jquery-ui jquery resize

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

在我的主屏幕上,我希望有三个部门。一个右列覆盖屏幕的一半,然后左列分为两行。我想展开和/或缩小左列中的右列和/或左列和/或顶行和/或左列中的底行。 将其视为IDE,其编码区域的左侧和右侧是项目资源管理器和属性。编码员希望立即看到任何三个部分,或者希望扩展每个工作区域。

我正在为此寻找一个jquery解决方案! 感谢

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:10)

最强大的解决方案是使用jQuery布局插件。您可以在此处找到它:http://layout.jquery-dev.net/