jQuery - 上下文菜单 - 取消绑定

发布于 2024-12-04 17:19:31 字数 1194 浏览 6 评论 0原文

我使用 jQuery 插件 - ContextMenu。 - http://abeautifulsite.net/blog/2008/09/ jquery-context-menu-plugin/

我想在按钮上做 - 单击事件 - contextMenu 取消事件。

我尝试了以下代码:(这无法正常工作。

JS

$("#btnUnbind").click(function () {
    $('.icon').unbind('contextMenu');
});

HTML

<ul id="myMenu" class="contextMenu">            
    <li class="delete"><a href="#delete">Delete</a></li>            
</ul>

JS

  $(".icon").contextMenu(
                    { 
                        menu: 'myMenu' 
                    }, 
                    function(action, el, pos) 
                    { 
                        contextMenuWork(action, el, pos); 
                    });

     function contextMenuWork(action, el, pos) {
                switch (action) {
                    case "delete":
                        {
                            break;
                        }
                }
     }

I use a plugin for jQuery - ContextMenu. - http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/

I want to do on the button - click event - an event contextMenu cancel.

I tried this code: (This does not work correctly.)

JS

$("#btnUnbind").click(function () {
    $('.icon').unbind('contextMenu');
});

HTML

<ul id="myMenu" class="contextMenu">            
    <li class="delete"><a href="#delete">Delete</a></li>            
</ul>

JS

  $(".icon").contextMenu(
                    { 
                        menu: 'myMenu' 
                    }, 
                    function(action, el, pos) 
                    { 
                        contextMenuWork(action, el, pos); 
                    });

     function contextMenuWork(action, el, pos) {
                switch (action) {
                    case "delete":
                        {
                            break;
                        }
                }
     }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

倾城泪 2024-12-11 17:19:31

在您的第一个和第二个 JavaScript 中,您选择了 .icon,这在您的 HTML 示例中不存在。

另外,在第二个 javascript 中,您忘记在引号之间放置 .icon:

$(.icon)

应该是:

$('.icon')

另外,要禁用上下文菜单,请在选定的 jquery 对象上使用以下内容:

.disableContextMenu();

因此,在您的情况下,不要使用取消绑定,而是使用:

$('.icon').disableContextMenu();

In your 1st and 2nd javascript you select .icon, this doesn't exist in your HTML example.

Also in the 2nd javascript you forgot to put .icon between quotes:

$(.icon)

should be:

$('.icon')

Also to disable the context menu use the following on the selected jquery object:

.disableContextMenu();

So in your case instead of using unbind use:

$('.icon').disableContextMenu();
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文