Javascript jQuery第二个上下文菜单don';不能正常显示
我举了这个例子来说明我的问题 我有一个大分区(蓝色分区)和一个上下文菜单,在另一个分区(绿色分区)内有另一个上下文菜单。右键单击会显示两个上下文菜单 如果我在蓝色的div中做了一个正确的clic,ContextMenu会显示良好。但当我在绿色div中单击clic时,仍然会显示旧的上下文菜单。如果我刷新页面并在绿色div中单击clic,它将显示正确的上下文菜单 这是我的html:Javascript jQuery第二个上下文菜单don';不能正常显示,javascript,jquery,contextmenu,Javascript,Jquery,Contextmenu,我举了这个例子来说明我的问题 我有一个大分区(蓝色分区)和一个上下文菜单,在另一个分区(绿色分区)内有另一个上下文菜单。右键单击会显示两个上下文菜单 如果我在蓝色的div中做了一个正确的clic,ContextMenu会显示良好。但当我在绿色div中单击clic时,仍然会显示旧的上下文菜单。如果我刷新页面并在绿色div中单击clic,它将显示正确的上下文菜单 这是我的html: <div class="CuadroFondo"> <div class="SingleIt
<div class="CuadroFondo">
<div class="SingleItem">ITEM 1</div>
<div class="SingleItem">ITEM 2</div>
<div class="SingleItem">ITEM 3</div>
</div>
您可以尝试其他插件。据我所知,这可能是您使用的插件的一个限制。(我可能弄错了,在这种情况下,其他人肯定会纠正我!)您可以尝试:它允许您通过beforeOpen选项中的event.stopPropagation嵌套上下文菜单。
//Centralizacion del dialog modal en la pantalla
$(document).ready(function () {
$.contextMenu({
selector: '.CuadroFondo',
events: {
//Funcion para cambiarle el titulo a la opcion Seguridad en el menu flotante
show: function () {
var id = $(this).attr('id');
},
},
callback: function (key, options) {
if (key == "expand") {
alert("expand");
}
//se borra un desarrollador
if (key == "creargrupo") {
alert("creargrupo");
}
//Se edita la Seguridad del globo
if (key == "seguridadgrupo") {
alert("jejeje")
}
},
items: {
"expand": { name: "Irak", icon: "add-expand" },
"sep1": "--MAIN MENU--",
"creargrupo": { name: "Afganistan", icon: "crearnuevo" },
}
});
$.contextMenu({
selector: '.SingleItem',
events: {
//Funcion para cambiarle el titulo a la opcion Seguridad en el menu flotante
show: function () {
var id = $(this).attr('id');
},
},
callback: function (key, options) {
if (key == "expand") {
alert("expand");
}
//se borra un desarrollador
if (key == "creargrupo") {
alert("creargrupo");
}
//Se edita la Seguridad del globo
if (key == "seguridadgrupo") {
alert("jejeje")
}
},
items: {
"expand": { name: "Miami", icon: "add-expand" },
"sep1": "--SUBMENU--",
"seguridadgrupo": { name: "Florida", icon: "seguridad" }
}
});
})