【问题标题】:$("#fullcalendar").fullCalendar is not a function$("#fullcalendar").fullCalendar 不是函数
【发布时间】:2017-08-18 15:04:02
【问题描述】:

我在尝试使用 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>

【问题讨论】:

  • 您的 fullcalendar.js 路径不正确,因此未加载文件。检查它应该是什么
  • 你确定这是通往图书馆的正确路径吗?
  • 您好,两位,感谢您的关注,我在 localhost 上运行它,并通过检查浏览器检查它是否已解决。我已经使用 Matt Ball 提供的链接进行了更新,控制台中的错误是 TypeError: $(...).fullCalendar is not a function[了解更多]
  • 谢谢大家 - 从我的布局页面中删除了一个 jquery 库,因为没有早点找到它而感到愚蠢@*
  • 我最终使用此处找到的答案解决了布局和日历页面脚本之间的冲突:stackoverflow.com/questions/528241/how-do-i-run-different-versions-of-jquery -在同一页面上

标签: jquery fullcalendar


【解决方案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();

【讨论】:

    【解决方案2】:

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

    也许控制台给了你一个提示,资源路径不对或者你没有把&lt;div id='calendar'&gt;&lt;/div&gt;放到body中?

    【讨论】:

    • 嗨,marsman,感谢您的提琴,我已经添加了头部和身体标签,但仍然有同样的问题。控制台显示错误 TypeError: $(...).fullCalendar is not a function - 它会与我的启动包冲突吗?
    • 感谢您花时间做小提琴,它让我走上了正确的轨道,在检查了我的启动包和布局后,我在布局脚本中发现了一个 jquery @**@ 删除这个有效,但从页面中删除没有
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-07-04
    • 1970-01-01
    • 2016-12-19
    • 2017-10-07
    • 1970-01-01
    • 2017-05-15
    相关资源
    最近更新 更多