右键单击创建自定义上下文菜单。 jQuery的

Question

我有两列和两个输入，用于创建将放置在任何列中的新内容。

一个输入是输入div 的内容（并指定class =“item”），第二个输入用于输入该内容的类 em>（用于造型）。

因此，我希望能够在我创建的任何项目上右键单击时打开自定义上下文菜单 。 （对我来说有点问题）。使用jQuery。

请帮助解决这个问题。

HTML

<div id="ctxtmen" class="invisible">
    <ul>
        <li>Edit</li>        
    </ul>
</div>

jQuery.js

$(".item").mousedown(function(e){ 

  if( e.which == 3 ) { 
    $("#ctxtmen").removeClass("invisible").css({top: event.pageY + "px", left: event.pageX + "px"});
  }

$(document).click(function(){

  $("#ctxtmen").addClass("invisible");
  if( e.which == 2 ){
    $("#ctxtmen").addClass("invisible");
  }
});

$(document).bind("contextmenu", function(x){

  if (!$("#ctxtmen").hasClass("invisible")) {
    x.preventDefault();    
  }   
});  

});

查看：jsFiddle