Модал начальной загрузки не работает на функцию eventClick в полном календаре - PullRequest
Новая
       13

Модал начальной загрузки не работает на функцию eventClick в полном календаре

0 голосов
/ 21 января 2019

Я знаю, что этот вопрос задают несколько раз, я искал все вопросы и следил за ответами, но я не понимаю, почему мой код не работает или где происходит ошибка. Календарь отображается с событиями, но когда я нажимаю на событие, я не получаю модальное всплывающее окно. Любая помощь будет оценена 

css && js

bootstrap.min.css
jquery-3.3.1.min.js
bootstrap.min.js
fullcalendar-3.10.0/fullcalendar.css
fullcalendar-3.10.0/lib/jquery-ui.min.js
fullcalendar-3.10.0/lib/jquery.min.js
fullcalendar-3.10.0/lib/moment.min.js
fullcalendar-3.10.0/fullcalendar.js
fullcalendar-3.10.0/gcal.js


Javascript

$(document).ready(function(){
    $('#id_btn_showEvents').click(function(){
        $('#mcoCalendarForm').submit();
        pleaseWait();
    }); 
     $('#calendar').fullCalendar({
        header: {
            left: 'prevYear,prev,next,nextYear today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay,listWeek'
        },
        defaultDate: new Date(),
        navLinks: true,
        editable:false,
        eventLimit: true,
        eventColor: '#1D5C90',
        events: ${eventJson},          
        dayRender: function(date, cell) {
            var today = $.fullCalendar.moment();
            var end = $.fullCalendar.moment().add(7, 'days');
                $("th.fc-"+date.format('ddd').toLowerCase()).css("background", "#1E5D91");
                $("th.fc-"+date.format('ddd').toLowerCase()).css("color", "#f8f9fa");
        },
        eventClick: function(event, jsEvent, view) {
            alert("in event click");
            $('#modalTitle').html(calEvent.title);
            $('#modalBody').html(calEvent.title);
            $('#calendarModal').modal();

        }

    });

});
<div class='col-md-11'>
    <div id='calendar' class='mcoCal' style="padding: 15px;"></div>
</div> 
<div id="calendarModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span>close</span></button>
                <h4 id="modalTitle" class="modal-title"></h4>
            </div>
            <div id="modalBody" class="modal-body"> </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 22 января 2019

После долгих исследований я обнаружил, что на моей странице дважды упоминается jquery.min.js.

Модальное окно теперь отображается после удаления fullcalendar-3.10.0/lib/jquery.min.js

...