首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何从ContextMenu打开一个模式(点击鼠标右边)?

如何从ContextMenu打开一个模式(点击鼠标右边)?
EN

Stack Overflow用户
提问于 2015-07-09 21:02:24
回答 1查看 2.3K关注 0票数 2

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

我有以下HTML:

代码语言:javascript
复制
<!-- Body -->
<div id="contextMenu" class="content right-click">
</div>

和jQuery代码:

代码语言:javascript
复制
    <!-- 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代码:

代码语言:javascript
复制
$('#projectionModal').dialog('open');break;

但没有成功。

顺便说一句,当我点击SetLayer或SetProjection时,我可以更改BackGroundColor。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-09 23:33:22

真的很蠢..。我唯一需要修改的代码是:

代码语言:javascript
复制
$('#projectionModal').dialog('open');break;

代码语言:javascript
复制
$('#projectionModal').modal('show');
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31328171

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档