Ошибка FullCalendar - ошибка времени выполнения Microsoft JScript: объект не поддерживает это свойство или метод - PullRequest
0 голосов
/ 13 мая 2011

Я пытаюсь вставить FullCalendar на начальный веб-сайт ASP.NET MVC3 в качестве пробной версии и получаю сообщение об ошибке «Ошибка времени выполнения Microsoft JScript: объект не поддерживает это свойство или метод». Код, генерирующий веб-страницу:

<!DOCTYPE html>
<html>
  <head>
<link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.print.css' media='print' />

<script type='text/javascript' src='~/Scripts/fullcalendar.js'></script>
<script type='text/javascript' src='~/Scripts/gcal.js'></script>
<style type='text/css'>

body {
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    }

#calendar {
    width: 725px;
    margin: 0 auto;
    }

</style>


<title>Event Calendar</title>

<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script>
</head>

<body>
<div class="page">

    <div id="header">
        <div id="title">
            <h1>My MVC Application</h1>
        </div>

        <div id="logindisplay">

    [ <a href="/Account/LogOn">Log On</a> ]

        </div> 

        <div id="menucontainer">

            <ul id="menu">
                <li><a href="/Club/EventCalendar">Event Calendar</a></li>
                <li><a href="/">Home</a></li>
                <li><a href="/Home/About">About</a></li>
            </ul>

        </div>
    </div>

    <div id="main">
        <div id="pageContent">

<script type="text/javascript">
    $(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,basicWeek,basicDay'
            },
            editable: true,
            events: [
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                }
            ]
        });
    });    
</script>
<div id="calendar">
</div>

        </div>
        <div id="linkContent" >
        </div>

    </div>

    <div id="footer">
    </div>
</div>
</body>
</html>

Ошибка при запуске кода JavaScript для создания календаря. Насколько я вижу, код такой, как показано на многих сайтах. У кого-нибудь есть идеи, что может быть не так.

Ответы [ 3 ]

3 голосов
/ 13 мая 2011

Вам необходимо импортировать jQuery перед плагином. Поместите тег <script>, который загружает jQuery, вверху <head>.

0 голосов
/ 12 марта 2014

Указание верно в отношении порядка, и убедитесь, что у вас есть ссылка на Jquery, ПРЕЖДЕ ЧЕМ вы ссылаетесь на полный календарь. В моем случае я сделал это правильно, но дополнительно я добавил частичное представление после заголовка. В частичном представлении снова была ссылка на Jquery, которая затем выдавала ту же ошибку при выполнении.

Я просто подумал, что добавлю это в качестве ответа, потому что мне пришлось некоторое время искать, прежде чем я выяснил, что происходит (потому что в моей головной секции действительно был правильный порядок - точно так же, как и в случае с указателем в pointy, вы должны были это сделать) ,

Опять же, не пытаясь отнять что-либо от другого правильного ответа. Просто добавив, что конкретно показало мне ошибку - когда казалось, что я все сделал правильно - и все равно получил ошибку.

Для меня было принято решение убрать ссылку на jquery из частичного представления. (в этом не было необходимости, потому что в главном представлении уже была ссылка)

0 голосов
/ 13 мая 2011

Я человек .. как @pointy говорит .. fullCalnder нужен jQuery, прежде чем он сможет творить свою магию ..

    <!DOCTYPE html>
    <html>
      <head>

<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
    <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' />
    <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.print.css' media='print' />

<script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script>
    <script type='text/javascript' src='~/Scripts/fullcalendar.js'></script>
    <script type='text/javascript' src='~/Scripts/gcal.js'></script>

Держите весь свой импорт на верхнем уровне - порядок важен!Группа CSS, затем Sctipts, например.Легче читать позже


РЕДАКТИРОВАТЬ

Изображение стоит тысячи слов! Я получил этот мини-сайт, который вы сделали

enter image description hereenter image description here

Кажется, что он вообще не может найти сценарии.!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...