隐藏

EasyUI 菜单

发布:2013/5/5 15:49:38作者:管理员 来源:本站 浏览次数:1319

在DIV标记中定义菜单。像这样:
<div id="mm" style="width:120px;">

    <div onclick="javascript:alert('new')">New</div>

    <div>

        <span>Open</span>

        <div style="width:150px;">

            <div><b>Word</b></div>

            <div>Excel</div>

            <div>PowerPoint</div>

        </div>

    </div>

    <div icon="icon-save">Save</div>

    <div class="menu-sep"></div>

    <div>Exit</div>

</div>

建立菜单,你需要运行下列jQuery代码
$('#mm').menu();

//或者 $('#mm').menu(options);

当菜单被创建时是不可见的,可使用show方法显示或者hide方法隐藏:
$('#mm').menu('show', {

  left: 200,

  top: 100

});

现在,我们创建菜单并在(200,100)处显示。运行代码会得到:
\