Question

当我右键单击它时，我正在尝试将特定颜色更改为红色或绿色。目前，当我右键单击并更改颜色时，它会更改所有事件的颜色，这不是我想要的。我只需要那个特定的目标事件。 .fc-event指的是所有事件，但我如何表示特定事件。

所有事件都通过JSON对象进行解析并显示在日历上。

以下是我到目前为止所做的工作，非常感谢任何帮助： -

$(document).bind("contextmenu", function (event) { 
 event.preventDefault();

 $(".custom-menu").data('event', $(this)).finish().toggle(100).
 css({
   top: event.pageY + "px",
   left: event.pageX + "px"
 });
});


$(document).bind("mousedown", function(e) {
 // If the clicked element is not the menu
 if (!$(e.target).parents(".custom-menu").length > 0) {
  // Hide it
   $(".custom-menu").hide(100);
 }
});

// If the menu element is clicked
$("ul.custom-menu li").click(function() {
 switch($(this).attr("data-action")) {    
    case "red": 
     var $event = $(".fc-event");
     $event.css("background-color","red");
      break;       
    case "green": 
      var $event = $(".fc-event");
      $event.css("background-color","green"); 
      break;
   }
   // Hide it AFTER the action was triggered
   $(".custom-menu").hide(100);
 });

这是显示的日历。

 $(document).ready(function() {
   var date = new Date();
   var d = date.getDate();
   var m = date.getMonth();
   var y = date.getFullYear();

 var calendar = $('#calendar').fullCalendar({
   editable: true,
   header: {
   left: 'prev,next today',
   center: 'title',
   right: 'month,agendaWeek,agendaDay'
  },

  events: "events.php");
})

对于如何做到这一点的任何帮助将不胜感激。

此致

将fullCalendar中SPECIFIC事件的颜色更改为红色/绿色

0 个答案: