Calendário e modal

[allex_carvalho 124]

Boa tarde pessoal,

 

Estou com um problema para inserir um modal num calendário. Quando abro o modal, ele abre duas vezes o modal, a primeira com o conteúdo correto e a segunda com o conteúdo do evento cadastrado. Ao fechar os dois, o evento some do dia cadastrado, isso porque ele sai do calendário e vai para o modal.

 

Vejam o código:

            jQuery(document).ready(function() {
                    jQuery('#calendar').fullCalendar({
                    theme: true,
                    header: {
                        left: 'prev,next today',
                        center: 'title',
                        right: 'month,agendaWeek,agendaDay'
                    },
                    defaultDate: '2014-03-28',
                    lang: 'pt-br',
                    editable: true,
                    events: [
                                {
                                color: '#DE04AB',
                                title: 'Primeiro Cadastro',
                                className: 'agenda_1',
                                start: '2014-03-25',
                                end: '2014-03-28'
                            },
                                        {
                                color: '#2CAB18',
                                title: 'Segundo Cadastro',
                                className: 'agenda_2',
                                start: '2014-03-05',
                                end: '2014-03-09'
                            },
                                        {
                                color: '#1710CC',
                                title: 'Terceiro Cadastro',
                                className: 'agenda_3',
                                start: '2014-03-10',
                                end: '2014-03-13'
                            }
                            ],
                            eventClick: function(event) {
                                if (event.className) {
                                    jQuery("."+event.className).dialog({
                                        height: 140,
                                        modal: true
                                    });
                                    return false;
                                }
                            }
                    });
                });

Obrigado pela atenção.

[allex_carvalho 124]

Boa tarde,

 

Consegui fazer algumas alterações aqui onde abre o modal corretamente, porém, duplica agora a agenda. Vejam aqui o problema. Segue o código:

jQuery(document).ready(function() {
    jQuery('#calendar').fullCalendar({
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2014-04-01',
        lang: 'pt-br',
        editable: true,
        events: [
            {
                color: '#DE04AB',
                title: 'Teste evento 3',
                className: 'agenda_1',
                url: '#agenda_1',
                start: '2014-04-25',
                end: '2014-04-28'
            },
            {
                color: '#2CAB18',
                title: 'Teste evento 2',
                className: 'agenda_2',
                url: '#agenda_2',
                start: '2014-04-05',
                end: '2014-04-09'
            },
            {
                color: '#1710CC',
                title: 'Teste evento 1',
                className: 'agenda_3',
                url: '#agenda_3',
                start: '2014-04-10',
                end: '2014-04-13'
            }
        ]
    });
    jQuery('#calendar').delegate('.fc-event', 'click', function() {
        jQuery(this).colorbox();
    });

});

Obrigado pela atenção.