当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery-easyui-layout问题解决方法

jquery-easyui-layout问题解决方法

2018年02月25日  | 移动技术网IT编程  | 我要评论

今天在用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>


显示：
\ 
解决：把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>


\ 
一直在想这是为什么？

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网