jQuery -上下文菜单-解除绑定

jQuery - Context menu - unbind

本文关键字:绑定 菜单 上下文 jQuery      更新时间:2023-09-26

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

我想在按钮上做-单击事件-一个事件上下文菜单取消。

我试过这个代码:( this does not work correct .)

JS

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

<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;
                        }
                }
     }

在你的第一个和第二个javascript中你选择。icon,这在你的HTML示例中不存在。

在第二个javascript中,你忘了在引号之间加上。icon:

$(.icon)
应:

$('.icon')

同样要禁用上下文菜单,在选定的jquery对象上使用以下命令:

.disableContextMenu();

所以在你的例子中,不要使用unbind而是使用:

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