Bonjour,

Je suis actuellement en train de développer une application web utilisant l'extension FullCalendar de JQuery.

Je souhaiterais afficher un tooltip au dessus d'un event fullcalendar lorsque l'utilisateur clique dessus.
Le problème (Voir code ci-dessous) c'est que lorsque l'utilisateur clique sur un event le tooltip va bien s'afficher au dessus mais lorsqu'il va de nouveau cliquer sur un autre event, le tooltip va conserver sa position avec les bonnes informations dedans (alors que je voudrais qu'il se déplace au dessus de l'event cliqué).

Je n'arrive pas à voir mon erreur, quelqu'un aurait il une idée ?

Merci d'avance.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var tooltip = $('<div/>').qtip({
        id: 'calendar',
        prerender: true,
        content: {
            text: ' ',
            title: {
                button: true
            }
        },
        position: {
            my: 'bottom center',
            at: 'top center',
            target: 'mouse',
            viewport: $('#calendar'),
            adjust: {
                mouse: true,
                scroll: false
            }
        },
        show: false,
        hide: false,
        style: 'qtip-light'
    }).qtip('api');
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
eventClick: function (data, event, view) {
            var content = '<h6>' + data.title + '</h6>';
 
            tooltip.set({
                'content.text': content
            }).reposition(event).show(event);
        }