如何从ContextMenu打开模态(单击鼠标右键)?
问题描述:
我想在我的页面中实现一个上下文菜单。该脚本运行良好,但现在我想要打开一个模式,当我从上下文菜单中单击某个seccion时。如何从ContextMenu打开模态(单击鼠标右键)?
我有以下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。
答
这是很愚蠢......我唯一要在更改代码:
$('#projectionModal').dialog('open');break;
到
$('#projectionModal').modal('show');
它更容易帮助,如果你把你的代码中的jsfiddle:HTTPS ://jsfiddle.net/ – sdeburca