easyui panel 的一个问题

一
$("#p").panel();
二
$(function(){
$("#p").panel();
});用一时，east边(right边)上的border会没有的。我的script是放到</body>上面的。
用二时，正常.不知道为什么会这样的。

解决方案 »

  1.   

    $("#p").panel();要到到#p对象下面，要不找不到对象就没有执行panel方法
      

  2.   

    就这样的代码<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="../lib3/jqueryeasyui/themes/default/panel.css">
    <script type="text/javascript" src="../lib3/jqueryeasyui/jquery.min.js"></script>
     <script type="text/javascript" src="../lib3/jqueryeasyui/src/jquery.parser.js"></script>
    <script type="text/javascript" src="../lib3/jqueryeasyui/plugins/jquery.panel.js"></script>
    </head>
    <body>
    <div id="p" title="Basic Panel">
    <p style="font-size:14px">wa</p>
    <ul>
    <li>x</li>
    <li>y</li>
    <li>j</li>
    <li>o</li>
    <li>n</li>
    <li>m</li>
    </ul>
    </div>
    <script type="text/javascript">
    $("#p").panel();
    /* 
    $(function(){
    $("#p").panel();
    });
     */
    </script></body>
    </html>
      

  3.   

    1.3.4<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="../lib3/jqueryeasyui/themes/default/easyui.css">
    <script type="text/javascript" src="../lib3/jqueryeasyui/jquery.min.js"></script>
     <script type="text/javascript" src="../lib3/jqueryeasyui/jquery.easyui.min.js"></script>

    </head>
    <body> <div id="p" title="Basic Panel">
    <p style="font-size:14px">wa</p>
    <ul>
    <li>x</li>
    <li>y</li>
    <li>j</li>
    <li>o</li>
    <li>n</li>
    <li>m</li>
    </ul>
    </div>
    <script type="text/javascript">
    $("#p").panel();
    /* 
    $(function(){
    $("#p").panel();
    });
     */
    </script></body>
    </html>
      

  4.   

    长度计算有问题，具体就没兴趣研究源代码了。。最好还是放到$(function(){})中
    不放到$(function(){})中需要自己移除容器的width属性$("#p").panel().css('width', 'auto').prev().css('width', 'auto')