比较急，为何jquery easyui创建的menu中的submenu无法点击？

a
b---ba
 ---bb
 ---bc
c
d
e---ea
 ---eb
f
菜单是这样的
点击a,c,d,f都有反应
但是点击再下一级的子菜单(如ba,bb,bc)时，子菜单就消失了，然后什么反应也没有
请问这是怎么回事啊？

解决方案 »

  1.   

    发代码 看效果 你有没有写handler
      

  2.   

    我怀疑是事件绑定有问题
    我是在document ready的时候给菜单的每一个a标签绑的是click事件
    但是子菜单的出现，用click是否无法捕捉到，而要用livequery呢？
      

  3.   


    <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">
    <link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $('#aa1').click(function(){
    $('#mm').menu('show',{
    left:100,
    top:200
    });
    });
    $('#aa2').click(function(){
    $('#mm').menu('hide');
    });

    });
    function testClick(){
    alert(event.srcElement.innerText);

    }
    </script>
    </head>
    <body style="margin:0;padding:10px;">
    <h1>Menu</h1>
    <p>Menu can include many MenuItem, and the MenuItem can display submenu.</p>
    <p>You also can right click to show the context menu.</p>
    <div>
    <a href="#" id="aa1">ShowMenu</a>
    <a href="#" id="aa2">HideMenu</a>
    </div>
    <div id="mm" class="easyui-menu" style="width:120px;">
    <div onclick="javascript:alert('new')">New</div>
    <div>
    <span>Open</span>
    <div style="width:150px;">
    <div><b>Word</b></div>
    <div onclick="testClick();">Excel</div>
    <div>PowerPoint</div>
    <div>
    <span>M1</span>
    <div style="width:120px;">
    <div>sub1</div>
    <div>sub2</div>
    <div>
    <span>Sub</span>
    <div style="width:80px;">
    <div onclick="javascript:alert('sub21')">sub21</div>
    <div>sub22</div>
    <div>sub23</div>
    </div>
    </div>
    <div>sub3</div>
    </div>
    </div>
    </div>
    </div>
    <div iconCls="icon-save">Save</div>
    <div class="menu-sep"></div>
    <div>Exit</div>
    </div>
    </body>
    </html>