在FullCalendar.js中的每个事件上应用contextMenu函数

在FullCalendar.js中的每个事件上应用contextMenu函数,fullcalendar,jquery-ui-contextmenu,Fullcalendar,Jquery Ui Contextmenu,我正在使用Fullcalendar.js,我为每个事件设置了一个简单的上下文菜单,该菜单具有指定的功能(在确认医疗预约时更改状态)。下一个代码示例仅在一天内有一个事件(eventRender)时工作正常: 但是,只有一天我想要的效果。当我在同一天有两个或多个事件时,在应用上下文菜单中的函数时,它只使用当天的最后一个事件生成函数(如果我有3个事件,则函数应用于最后一个事件,而不是我要应用函数的指定事件) 如果没有我正在展示的问题,我如何对每个事件应用相同的处理?我试着给每个句子加上一个forEac

我正在使用Fullcalendar.js,我为每个事件设置了一个简单的上下文菜单,该菜单具有指定的功能(在确认医疗预约时更改状态)。下一个代码示例仅在一天内有一个事件(eventRender)时工作正常:

但是,只有一天我想要的效果。当我在同一天有两个或多个事件时,在应用上下文菜单中的函数时,它只使用当天的最后一个事件生成函数(如果我有3个事件,则函数应用于最后一个事件,而不是我要应用函数的指定事件)


如果没有我正在展示的问题,我如何对每个事件应用相同的处理?我试着给每个句子加上一个forEach,但我不知道我在做什么

我不知道你的上下文菜单插件,但也许它应该是:
$(element)。上下文菜单({menu:[{
etc?然后它将上下文菜单直接应用于当前事件元素。不,我尝试了对jquery的元素调用,但它不起作用,因为它会给你带来完全相同的问题,或者其他什么?如果你告诉我们这个上下文菜单插件是从哪里来的,那么我们就可以研究文档了有
$('#calendar2')。上下文菜单({menu:[{
等,其他句子不起作用。我的详细信息是当我一天内有两个或更多事件,我必须在上下文菜单中应用一个函数,只对最后一个事件有效什么“不起作用”确切地说,是吗?您在控制台中遇到了一个错误?或者什么都没有?同样,如果您告诉我们这个contextMenu插件是从哪里来的,那么我们就可以研究它的文档了。我不知道您的contextMenu插件,但也许它应该是:
$(元素)。contextMenu({menu:[{
etc?然后它将上下文菜单直接应用于当前事件元素。不,我尝试了对jquery的元素调用,但它不起作用,因为它会给你带来完全相同的问题,或者其他什么?如果你告诉我们这个上下文菜单插件是从哪里来的,那么我们就可以研究文档了有
$('#calendar2')。上下文菜单({menu:[{
等,其他句子不起作用。我的详细信息是当我一天内有两个或更多事件,我必须在上下文菜单中应用一个函数,只对最后一个事件有效什么“不起作用”确切地说,是吗?你在控制台中遇到了一个错误?或者什么都没有?再说一次,如果你告诉我们这个contextMenu插件是从哪里来的,那么我们就可以研究它的文档了。
eventRender: function(event, element) {


        var originalClass   = element[0].className;
        element[0].className = originalClass + ' hasmenu';

        $('#calendar2').contextmenu({
                delegate: '.hasmenu',
                menu: [{
                  title: 'Cambiar Estado',
                  cmd: 'cestado',
                  action: function(ui){ui.cmd = "cestado";confirmarCambioEstado(event);}
                }, {
                  title: 'Atender Cita',
                  cmd: 'acita',
                  action: function(ui){ui.cmd = "acita";if(event.color=="#0088cc"){
                actualizarEstado(3,event.id);
                event.color = "yellowgreen";
                calendarJ.fullCalendar('rerenderEvents');
                hrefHCE.href = "HCE?idCita="+event.id;
                hrefHCE.click();
            }else{
                advertenciaEstado();
            }}
              },{
                  title: 'Cancelar Cita',
                  cmd: 'ccita',
                  action: function(ui){ui.cmd = "ccita";event.color = "green";
            confirmarCambioEstado(event);}
              }, {
                  title: 'Eliminar Cita',
                  cmd: 'ecita',
                  action: function(ui){ui.cmd = "ecita";confirmarEliminar(event);}
                }],
            beforeOpen: function (event,ui) {      
                ui.menu.zIndex($(event.target).zIndex() + 1);
            } 
        });   
    },

    eventDrop: function(event, delta, revertFunc){
        confirmarCambioFecha(event,revertFunc);
    },
    eventAfterAllRender: cambiarFuncion
});