Question

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

我有以下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代码插入到＆＃39; SetProjection＆＃39;中：

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

但没有成功。

顺便说一下，当我点击SetLayer或SetProjection时，我可以改变BackGroundColor。

Answer 1

这真的很愚蠢......我在代码中唯一需要改变的地方是：

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

到

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

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

1 个答案: