jquery contextmenu简单使用和动态配置meau

最新推荐文章于 2024-09-10 09:28:23 发布

oyyzyy

最新推荐文章于 2024-09-10 09:28:23 发布

阅读量734

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/oyyzyy/article/details/117328608

版权

本文介绍了如何通过jQuery和contextMenu插件在网页中创建右键菜单，包括下载、重命名和删除等操作，以及如何配置hosts文件和设置visible函数。适合初学者理解JavaScript和CSS应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入js和css
链接: jquery contextmenud github 地址.
下载后进入dist目录引入 jquery.contextMenu.js 和jquery.contextMenu.css 和jquery.ui.position.js
（建议刚开始使用js和css 便于看源码）
5. 代码：

  $(function() {
            //初始化菜单
            $.contextMenu({
                selector: '.fileDiv',
                items: {
                    "open": {name: "打开", icon: "edit",callback: function(){ open() }},
                    "sep1": "---------",
                    "download": {name: "下载", icon: "cut",visible: function(key, opt){
                            // Hide this item if the menu was triggered on a div
                            if(true){
                          	  return false;
                            }
                            return true
                        },
                        callback: function(){ download() }},
                    "sep2": "---------",
                    "rename": {name: "重命名", icon: "copy",callback: function(){ rename() }},
                    "delete": {name: "删除", icon: "delete",callback: function(){ deleteFile() }},
                }
            });
        });

效果：
在这里插入图片描述
控制右键目录显示：
visible函数返回 true显示 false 不显示代码逻辑字节写

访问文档：jquery contextmenu文档

需要配置hosts:

需要手动修改hosts文件:win10系统，在C:\Windows\System32\drivers\etc
中。然后用notpad编辑hosts文件，在最后一行加入 ip xxx.github.io(ip为你的xxx.github.io的ip)
可以百度ipip.net在这个网站查询ip 然后打开powershell 输入clear -dnsclientcache 清除DNS缓存
然后网站就可以打开了参考MelodyJerry的文章，感谢MelodyJerry