Tooltip in fullcalendar not working

Question

everyone! I'm trying to show tooltip over events in fullcalendar. But it's not working and show in console this message

Uncaught SyntaxError: Unexpected token (

What can be a problem? This is my js-function code:

$('#calendar').fullCalendar(function() {
    eventAfterRender: function(event, element) {
        $(element).tooltip({
            title: event.title,
            container: "body"
        });
    }
});

score 7 · Answer 1 · answered Sep 05 '19 at 15:18

7

In FullCalendar 4, use eventRender function:

eventRender: function (info) {
  $(info.el).tooltip({ title: info.event.title });     
}

answered Sep 05 '19 at 15:18

Antonio Santise

302
3
5

you've missed the point of the question. The accepted answer dealt with it years ago. And an answer for v4 is irrelevant for **this** issue, anyway. – ADyson Oct 23 '19 at 16:13
I get tooltip not defined – Logan Cundiff Feb 07 '22 at 20:26

Satpal · Accepted Answer · 2015-05-08T08:30:03.927

6

You are passing function. You should pass your options and callbacks. Read Docs

$('#calendar').fullCalendar({   //Removed function() from here
    eventAfterRender: function(event, element) {
        $(element).tooltip({
            title: event.title,
            container: "body"
        });
    }
});

edited May 08 '15 at 08:30

answered May 08 '15 at 08:28

Satpal

132,252
13
159
168

Correct, you have to pass a configuration _object_, not a function. – Jeremy Thille May 08 '15 at 08:29

Tooltip in fullcalendar not working

2 Answers2

Linked