首页 > 语言 > JavaScript > 正文

jqeury-easyui-layout问题解决方法

2024-05-06 16:03:10
字体:
来源:转载
供稿:网友
jqeury-easyui-layout问题:当把class=“easyui-layout”写在一个独立的div中时,layout的样式无法显示,具体示例如下

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

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

例如:

复制代码 代码如下:


<span><body >
<div>
<div data-options="region:'north',title:'North Title',split:true">
</div>
<div data-options="region:'south',title:'South Title',split:true">
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true">
</div>
<div data-options="region:'west',title:'West',split:true">
</div>
<div data-options="region:'center',title:'center title'" href="CenterPage.html">
</div>
</div>
</body></span>


显示:

jqeury-easyui-layout问题解决方法

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

代码:

复制代码 代码如下:


<span><body>

<div data-options="region:'north',title:'North Title',split:true">
</div>
<div data-options="region:'south',title:'South Title',split:true">
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true">
</div>
<div data-options="region:'west',title:'West',split:true">
</div>
<div data-options="region:'center',title:'center title'" href="CenterPage.html">
</div>

</body></span>


jqeury-easyui-layout问题解决方法

 
一直在想这是为什么?
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选