Estoy implementando este plugin de jquery en mi proyecto: https://swisnl.github.io/jQuery-contextMenu/demo.html
Como verán en el script, estoy llamando a ciertas funciones bajo la sexta linea, y justo debajo de esos if, estoy cambiando el background-color del div que desplegó el contextMenu. El problema es que esa acción se aplica solo si hice click en alguna de las opciones del contextMenu y no así cuando haga click fuera del contextMenu, lo cual necesito.
el script:
$(function() { // Context menú, lo del click derecho
$.contextMenu({
selector: '.context-menu-one',
trigger: 'hover',
delay: 500,
callback: function(key, options) {
if(key=="Editar") Editar_hora($(this).text());
if(key=="Eliminar") Eliminar_hora($(this).text());
if(key=="Nueva fila") Nueva_fila($(this).text());
if(key=="Nuevo Horario") Nuevo_horario($(this).text());
$(this).css("background-color","#5589DC");
},
items: {
"Editar": {name: "Editar hora del turno", icon: "edit"},
"Nueva fila": {name: "Nueva fila", icon: "add"},
"Nuevo horario": {name: "Nuevo turno", icon: "add"},
"Eliminar": {name: "Eliminar este turno", icon: "delete"},
"sep1": "---------",
"quit": {name: "Cerrar", icon: function(){
return 'context-menu-icon context-menu-icon-quit';
}}
}
});
$('.context-menu-one').on('click', function(e){
console.log('clicked', this);
})
});