У объекта # <Object> нет метода 'dialog', использующего jquery и полный календарь

Question

У объекта # <Object> нет метода 'dialog', использующего jquery и полный календарь

0

Привет, я пытаюсь использовать модальный диалог, используя полный календарь.

Моя проблема в том, что я получаю эту ошибку при попытке установить диалог:

Uncaught TypeError: Object #<Object> has no method 'dialog'

<script>

    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true,

        events:
        {
        url: 'testEvents.php',
        type: 'POST',
        data:
        {


        },
        success: function(reply) {
            console.log(reply);
        },
        error: function() {
            alert('there was an error while fetching events!');
        },
        color: 'yellow',   // a non-ajax option
        textColor: 'black', // a non-ajax option
        allDayDefault: false        
        }
        ,
        eventClick: function(calEvent, jsEvent, view) {

        //alert('Event: ' + calEvent.title);

        $("#myModal").dialog({modal: true});

        }

        });


    });

</script>

И в разделе HTML:

<body>
<div id='calendar'></div>

<div id="myModal" hidden="true">

Class name:
<br>
<input type="text" id="searchByFirstName">
<br>
Time: 
<br>
<input type="text" id="searchByFirstName">

</div>


</body>

Я прочитал, что это что-то с импортом jquery, но я не вижу, где моя проблема.

Мой импорт:

<script src="/jquery-1.9.1.js"></script>

<link href='//fullcalendar.css' rel='stylesheet' />
<link href='//fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/jquery.min.js'></script>
<script src='/jquery-ui.custom.min.js'></script>
<script src='//fullcalendar.min.js'></script>

dasdasd 19 март 2014, в 17:59

Источник

Теги:

jquery

fullcalendar

1 ответ

Ещё вопросы

Felix · Accepted Answer · 2014-03-19T15-16-00.000Z

Вам нужно только включить jQuery один раз, а также, возможно, что-то не так с вашим пользовательским пользовательским интерфейсом jQuery, попробуйте использовать следующие ссылки:

<link href='//fullcalendar.css' rel='stylesheet' />
<link href='//fullcalendar.print.css' rel='stylesheet' media='print' />
<script src="//jquery.min.js"></script>
<script src="/jquery-ui.min.js"></script>
<script src='//fullcalendar.min.js'></script>