jQuery MiniUI

标题: splitter布局遇到问题。。。急！！！ [打印本页]
作者: baby123ok    时间: 2015-6-5 10:26:07     标题: splitter布局遇到问题。。。急！！！

老师，我想达到图片的效果[attach]6207[/attach]
  1.   <div class="mini-splitter" vertical="true" handlerSize="0" style="width:100%;height:555px;" borderStyle="border:0" allowResize="false" showCollapseButton="false">
  2.                 
  3.                 <div size=99%  class="mini-splitter" handlerSize="5" style="width:100%;height:500px;" borderStyle="border:1" >
  4.                     <div size=50% showCollapseButton="true" expanded="true">
  5.                                 左
  6.                     </div>
  7.                     <div size=50% showCollapseButton="true" expanded="true">
  8.                                        右
  9.                     </div>  
  10.                 </div>
  11.                 
  12.                 <div size=1% class="mini-pager" style="width:100%;background:#f0f3f7;border:solid 1px #ccc; "
  13.                             totalCount="123" onpagechanged="onPageChanged" sizeList="[5,10,20,100]"
  14.                             showPageSize="true" showPageIndex="true" showPageInfo="true"
  15.                             >  
  16.                 </div>
  17.                 
  18.         </div>
复制代码

作者: baby123ok    时间: 2015-6-5 10:30:56

[attach]6208[/attach]
作者: baby123ok    时间: 2015-6-5 10:32:51

baby123ok 发表于 2015-6-5 10:30

可是IE浏览器用上面的代码跑出来的是下面这种效果，求老师指导！
作者: dforce    时间: 2015-6-5 10:55:51

baby123ok 发表于 2015-6-5 10:32
可是IE浏览器用上面的代码跑出来的是下面这种效果，求老师指导！

你把一个pager放在splitter内部想做什么
splitter的结构是内层2个div，对应2个面板
作者: baby123ok    时间: 2015-6-5 11:24:37

dforce 发表于 2015-6-5 10:55
你把一个pager放在splitter内部想做什么
splitter的结构是内层2个div，对应2个面板 ...

在第2 个splitter外面多套一个<div>?
作者: dforce    时间: 2015-6-5 11:31:59

baby123ok 发表于 2015-6-5 11:24
在第2 个splitter外面多套一个?

不要把pager放在spliiter的结构里面
<div class="mini-splitter"
  <div ></div>
<div></div>
<div>
这是spliiter的结构，你乱放会解析错误



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2