Jquery Easyui菜单组件菜单组件Menu使用详解（使用详解（15））
本文实例为大家分享了Jquery Easyui菜单组件的实现代码，供大家参考，具体内容如下
加载方式加载方式
菜单组件通常用于快捷菜单，在加载方式上，通过 class 或 JS 进行设置为菜单组件。然后，再通过 JS 事件部分再响应。
<div id="box" class="easyui-menu">
<div>新建</div>
<div>
<span>打开</span>
<!--二次菜单-->
<div style="width:150px;">
<div>Word</div>
<div>Excel</div>
<div>PowerPoint</div>
</div>
</div>
<div data-options="iconCls:'icon-save'">保存</div>
<div class="menu-sep"></div>
<div>退出</div>
</div>
<script>
$(function () {
//鼠标右击事件弹出菜单
$(document).on('contextmenu',function(e){
// 阻止系统默认弹出的菜单
e.preventDefault();
// 显示自定义的菜单
$('#box').menu('show', {
left : e.pageX,
top : e.pageY
});
});
});
</script>
菜单项属性菜单项属性
<!--在 data-options 设置，只有两个有效,其他的参数会菜单方法中设置菜单项时有效-->
<div data-options="
iconCls :'icon-save',
disabled : true,">
保存
</div>
菜单属性菜单属性
weixin_38674627
- 粉丝: 2
- 资源: 925
最新资源
- 形状检测32-YOLO（v5至v9）、COCO、CreateML、Darknet、Paligemma数据集合集.rar
- qwewq23132131231
- 2024年智算云市场发展与生态分析报告
- 冒泡排序算法解析及优化.md
- MySQL中的数据库管理语句-ALTER USER.pdf
- 论文复现：结合 CNN 和 LSTM 的滚动轴承剩余使用寿命预测方法
- 2018年最新 ECshop母婴用品商城新版系统（微商城+微分销+微信支付）
- 形状分类31-YOLO（v5至v11）、COCO、CreateML、Darknet、Paligemma、VOC数据集合集.rar
- 常见排序算法概述及其性能比较
- 前端开发中的JS快速排序算法原理及实现方法
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0