引言

使用JQuery UI Layout Plug-in布局框架实现快速布局，用起来还是挺方便的，稍微研究了一下，就能上手，关于该布局框架的材料，网上也挺多的。在项目中也使用到了，不过那是前端的工作，咱不能抢别人的饭碗不是？，不过对布局多少了解点，还是非常有帮助的。

实现

JQuery UI Layout Plug-in布局框架官网：

这里使用1.2.0版本的，项目结构：

首先引入：

1  2     

body中代码：

1 
      
       2         Center3     
      
4     
      
       North
      
5     
      
       South
      
6     
      7     
      
       West
      

然后就是使用layout方法进行初始化：

1     

参考文章：

注意：在将不需要的参数注释之后，需将最后一个参数后面的“,”去掉，经测试发现有的浏览器版本不支持，看不到效果。

将不需要的参数注释之后的效果：

总结

今天在使用该布局框架的时候，一个逗号问题，折腾我很长时间，这里记录一下，提醒以后要更细心才行。

demo：链接： 密码：m0z5