Javascript 为什么在Sitecore中使用代码时会出现.fullCalendar（）错误？

这是我的代码，如果我在我的Sitecore项目中完美地使用它，它就会工作。但是，当我在Sitecore视图中使用它时，它会引发以下错误：

未捕获类型错误：$（…）。fullCalendar不是函数 在HTMLDocument

<script src='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js'></script>
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css" />

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css'>
<script>
$(document).ready(function () {

    $('#calendar').fullCalendar({
        header: {
            left: 'basicWeek,month',
            center: 'title',
            right: 'today,prev,next '
        },
        defaultDate: '2016-12-12',
        
    });

});
</script>
     <h2>Events and Appointments</h2>
     <div class="ui container">
         <div class="ui grid">
            <div class="ui sixteen column">
            <div id="calendar"></div>
         </div>
     </div>

$（文档）.ready（函数（）{
$（“#日历”）.fullCalendar({
标题：{
左：“基本周，月”，
中心：'标题'，
右图：“今天，上一个，下一个”
},
违约日期：“2016-12-12”，
});
});
活动和约会

---

我已经检查过了，看起来我没有任何冲突的jquery引用，也没有其他控制台错误。

我想你的js有问题，试试下面的URL，它可能会解决你的问题，

$（“#日历”）.fullCalendar({
标题：{
左：“基本周，月”，
中心：'标题'，
右图：“今天，上一个，下一个”
},
默认日期：“2016-12-12”
});
我想你也发现了我的问题
（可能是js和css损坏）
我改为使用dom javascript

<script>
document.addEventListener('DOMContentLoaded', function() 
{
        var calendarEl = document.getElementById('calendar');
        var yearMonth = document.getElementById('yearMonth');
        //alert(yearMonth.value);

        var calendar = new FullCalendar.Calendar(calendarEl, 
        {
            height: 600,
            plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
            header: {
                left: 'prev,next today',
                center: 'title',
                right: ''
            },
            customButtons: {
                prev: {
                text: 'prev',
                    click: function() {

                    }
                },
                next: {
                text: 'next',
                    click: function() {

                    }
                }
                ,
                today: {
                text: 'today',
                    click: function() {

                    }
                }
                
            },
            
            eventBackgroundColor: '#D2FFF9',
            defaultDate: '',
            editable: true,
            navLinks: true, // can click day/week names to navigate views
            eventLimit: true, // allow "more" link when too many events
            events: {
                
            },
            loading: function(bool) 
            {
                document.getElementById('loading').style.display =
                bool ? 'block' : 'none';
            },
            eventClick: function(arg) {

            },
            eventRender: function(info) {
                //info.el.querySelector('.fc-title').innerHTML =  info.event.title ;       
            }
        });
        
        calendar.render();
        
    });

</script>


document.addEventListener（'DOMContentLoaded'，function（）
{
var calendarEl=document.getElementById（'calendar'）；
var yearMonth=document.getElementById（'yearMonth'）；
//警报（yearMonth.value）；
var calendar=新的完整日历。日历（calendarEl，
{
身高：600，
插件：['interaction'，'dayGrid'，'timeGrid'，'list']，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
对：“”
},
自定义按钮：{
上一页：{
文本：“prev”，
单击：函数（）{
}
},
下一步：{
文本：“下一个”，
单击：函数（）{
}
}
,
今天：{
正文：“今天”，
单击：函数（）{
}
}
},
eventBackgroundColor:“#D2FFF9”，
默认日期：“”，
是的，
navLinks:true，//可以单击日/周名称来导航视图
eventLimit:true，//当事件太多时允许“更多”链接
活动：{
},
加载：函数（bool）
{
document.getElementById（'loading'）.style.display=
bool？'block'：'none'；
},
eventClick:函数（arg）{
},
eventRender:函数（信息）{
//info.el.querySelector（'.fc title'）。innerHTML=info.event.title；
}
});
calendar.render（）；
});
尝试在本地获取脚本（jQuery、moment和FullCalendar）。你应该把脚本放在内容之后<代码>

建议放在

之前；2. <代码>标签应该放在

中（我也没有看到

标签）