小弟  js  不太懂啊   就是在使用easyui  layout  布局时使用layout  嵌套  这是在使用他的滑动 就是边上的缩进去再点滑动弹出来 这时  不能正常缩回   在这里求解  想要禁掉点击边框   禁止让他滑动弹出。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script>

</script>
</head>
<body class="easyui-layout">
<div region="north" border="false" style="height:60px;background:#B3DFDA;">north region</div>
<div region="west" split="true" title="West" style="width:150px;padding:10px;">west content</div>
<div region="east" split="true" title="East" style="width:100px;padding:10px;">east region</div>
<div region="south" border="false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
<div region="center" title="Main Title">
<div class="easyui-layout" fit="true">
<div  region="north" split="true">asdasd</div>
<div   region="center" split="true">asdasd</div>
</div>
</div>
</body>
</html>效果如下:

解决方案 »

  1.   

    在嵌套的layout中,外层的west在张开和收缩的过程中会被内层的north遮挡,请问如何解决这个问题?非常感谢!
      

  2.   

    fit="true"
    <div region="center" title="Main Title" fit="true"> 
      

  3.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Complex DataGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="demo.css">
    <script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <script>               </script> 
    </head> 
    <body class="easyui-layout">    
     <div region="north" border="false" style="height:60px;background:#B3DFDA;">north region</div>     
     <div region="west" split="true" title="West" style="width:150px;padding:10px;">west content</div>     
     <div region="east" split="true" title="East" style="width:100px;padding:10px;">east region</div>     
     <div region="south" border="false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>     
     <div region="center" title="Main Title">         
     <div class="easyui-layout" fit="true">                 
     <div  region="north" split="true" style="height:200px;">asdasd</div>                         
     <div   region="center" split="true">asdasd</div>         
     </div>     
     </div> 
     </body> 
     </html> 
      

  4.   

    这个没有任何问题,估计是你引用的js和css的原因,重新下载个jquery easyui