jqeury-easyui-layout问题解决方法

前端技术 2023/09/01 JavaScript
今天在用easyui做布局时，碰到了一个疑惑的问题。

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

例如：
复制代码 代码如下:

<span style=\"font-size:14px;\"><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></span>

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

代码：
复制代码 代码如下:

<span style=\"font-size:14px;\"><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></span>

 
一直在想这是为什么？

本文地址：https://www.stayed.cn/item/2482

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案