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

Question

我使用 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;
                        }
                }
     }

Answer 1

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

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

$(.icon)

应该是：

$('.icon')

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

.disableContextMenu();

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

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