The jQuery fullCalendar plugin seems to have a problem in the editable mode in certain cases. If the eventClick handler is set and editable is true, than the eventClick function will not work, only the eventDrop function. If editable is set to false, the eventDrop function does not work (as expected), but the eventClick function does. I am not sure where the problem is, is it possible to use the eventClick and eventDrop handler while editable is true? Has someone encountered a similar problem while using the plugin?

$('#calendar').fullCalendar({
  ..
  editable:true,
  eventClick: function(calEvent, jsEvent, view) {
    .. // only called if editable is false (?)
  },
  eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
    .. // only called if editable is true (correct)
  }

The jQuery fullCalendar plugin seems to have a problem in the editable mode in certain cases. If the eventClick handler is set and editable is true, than the eventClick function will not work, only the eventDrop function. If editable is set to false, the eventDrop function does not work (as expected), but the eventClick function does. I am not sure where the problem is, is it possible to use the eventClick and eventDrop handler while editable is true? Has someone encountered a similar problem while using the plugin?

$('#calendar').fullCalendar({
  ..
  editable:true,
  eventClick: function(calEvent, jsEvent, view) {
    .. // only called if editable is false (?)
  },
  eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
    .. // only called if editable is true (correct)
  }

• javascript
• jquery
• fullcalendar

• Hi I'm not getting this behaviour, I have editable: true and an eventClick handler which is firing no problem. What version of jQuery are you using? – James Ellis-Jones Commented Jan 29, 2012 at 21:44
• The site which produces the error uses jQuery 1.3.2. A simple demo site with jQuery 1.5.2 seems to be ok. Maybe the jQuery version is the problem. Won't you post your ment as an answer? It may be the solution. – 0x4a6f4672 Commented Jan 30, 2012 at 11:00

3 Answers 3

First I thought the jQuery version has something to do with it. Further testing did not confirm this hypothesis. It turns out that the click handler works only if you disable resizing with disableResizing:true, i.e. if editable is true (editable:true) then the click event is only triggered if resizing is disabled (disableResizing:true). Maybe the Resize and Click events influence each other somehow..

It seems from the above that using jQuery 1.3.2 was causing this problem and a more recent version of jQuery will fix this issue.

I also had the editable: true option and instead I fixed it by installing the jQuery UI modules:

• Draggable (the Droppable module is not required)
• Resizable