Question

我无法看到我尝试使用fullCalendar的问题，我已经阅读了之前的所有问题和答案，它们通常有两个jquery或脚本序列中的错误。任何人都可以建议我做错了吗？（我在检查时使用了旧版本的库。）

<link href="~/Scripts/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" />

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="~/Scripts/plugins/fullcalendar/fullcalendar.js"></script>

<script>
$(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

});
</script>

Answer 1

在布局页面中存在冲突的jquery库，使用此处的答案解决了这个问题：stackoverflow.com/questions/528241/how-do-i-run-different-ve‌rsions-of-jquery-on-‌the-same-page

我在日历页面上创建了一个没有冲突的jQuery

<script src="jQuery2.2.3.js"></script>
<script>
   jq223 = jQuery.noConflict(false);
</script>

并将所有脚本代码$替换为jq223，如该答案所示，例如jq223("#id").hide();

Answer 2

它正在这个jsfiddle中工作： https://jsfiddle.net/uqf1q2f7/

也许控制台会给你一个提示，一个资源路径不对，或者你没有将<div id='calendar'></div>放入body？

$（＆＃34;＃fullcalendar＆＃34;）。fullCalendar不是一个函数

2 个答案: