欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

jquery-easyui-layout问题解决方法

程序员文章站 2022-04-24 17:11:07
今天在用easyui做布局时，碰到了一个疑惑的问题。 问题：当把class=“easyui-layout”写在一个独立的p中时，layout的样式无法...

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

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

例如：

. 代码如下:


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


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

代码：

. 代码如下:


<span style="font-size:14px;"><body class="easyui-layout">

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

</body></span>


jquery-easyui-layout问题解决方法 
一直在想这是为什么？

上一篇： hover伪类示例（实现代码）

下一篇： 玩游戏手机推荐:成功吃到鸡才是真的好

推荐阅读