jqeury-easyui-layout问题

最新推荐文章于 2020-08-19 10:48:45 发布

Anglebeat

最新推荐文章于 2020-08-19 10:48:45 发布

阅读量4.4k

点赞数

分类专栏： jquery easyui-layout 文章标签： easyui 布局 jquery html layout

本文链接：https://blog.csdn.net/Anglebeat/article/details/21946681

版权

jquery easyui-layout 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

今天在用easyui做布局时，碰到了一个疑惑的问题。

问题：当把class=“easyui-layout”写在一个独立的div中时，layout的样式无法显示，也不报错。

例如：

<body  >
	<div class="easyui-layout"> 
    <div data-options="region:'north',title:'North Title',split:true" style="height: 100px;">
    </div>
    <div data-options="region:'south',title:'South Title',split:true" style="height: 100px;">
    </div>
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width: 100px;">
    </div>
    <div data-options="region:'west',title:'West',split:true" style="width: 100px;">
    </div>
    <div data-options="region:'center',title:'center title'" href="CenterPage.html" style="background: #eee; overflow: hidden;">
    </div>
   </div>
</body>

显示：

解决：把class=“easyui-layout”写在body中时，问题就迎刃而解了。且region属性不能被其他无关的div所包含。

代码：

<body class="easyui-layout">
	
    <div data-options="region:'north',title:'North Title',split:true" style="height: 100px;">
    </div>
    <div data-options="region:'south',title:'South Title',split:true" style="height: 100px;">
    </div>
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width: 100px;">
    </div>
    <div data-options="region:'west',title:'West',split:true" style="width: 100px;">
    </div>
    <div data-options="region:'center',title:'center title'" href="CenterPage.html" style="background: #eee; overflow: hidden;">
    </div>

</body>