如何从ContextMenu打开模态（单击鼠标右键）？

Question

我想在我的页面中实现一个上下文菜单。该脚本运行良好，但现在我想要打开一个模式，当我从上下文菜单中单击某个seccion时。

我有以下HTML：

<!-- Body --> 
<div id="contextMenu" class="content right-click"> 
</div> 

和jQuery代码：

<!-- Context Menu (Right Click) --> 
    <script src="../../plugins/contextMenu/js/contextmenu.min.js"></script> 
    <script type="text/javascript"> 
     var $div = $('#contextMenu'); 

     // ContextMenu instance 
     var cm = new ContextMenu({ 
      selector: '.right-click', 
      callback: function(cmd, options) { 
       switch (cmd) { 
        case 'SetLayer': 
         $div[0].style.backgroundColor = 'red';break; 
        case 'SetProjection': 
         $div[0].style.backgroundColor = 'blue';break; 
       } 
      }, 
      items: [ 
       { 
        text: 'Set Map', 
        items: [ 
         { 
          text: 'Set Layer', 
          cmd: 'SetLayer', 
          target: '_blank', 
          url: '' 
         }, { 
          text: 'Set Projection', 
          cmd: 'SetProjection', 
          target: '_blank', 
          url: '' 
         } 
        ] 
       } 
      ] 
     }); 
</script> 

我试图插入下面的jQuery代码为 'SetProjection'：

$('#projectionModal').dialog('open');break; 

但没有成功。顺便说一句，当我点击SetLayer或SetProjection时，我可以改变BackGroundColor。

Answer 1

这是很愚蠢......我唯一要在更改代码：

$('#projectionModal').dialog('open');break; 

到

$('#projectionModal').modal('show');