javascript - 未捕获的类型错误 : Undefined is not a function Issue in MVC C# using fullcalendar

Question

我正在尝试使用 C# MVC 框架加载完整日历。我已将这些行添加到“共享”文件夹中的 _Layout.cshtml

@Styles.Render("~/Public/fullcalendar/fullcalendar.css")

@Scripts.Render("~/Public/fullcalendar/lib/jquery.min.js")
@Scripts.Render("~/Public/fullcalendar/lib/moment.min.js")
@Scripts.Render("~/Public/fullcalendar/fullcalendar.js")

我已经将它添加到 Index.cshtml 的头部部分，用于我想要显示日历的 View

<script type="text/javascript">
        $(document).ready(function () {
            $('#calendar').fullCalendar({
            });
        });
</script>

只是为了咯咯笑，我将 $('#calendar'... 位替换为 and alert("test") 并且它弹出得很好。

在 chrome 控制台中它给我这个错误

Uncaught TypeError: undefined is not a function Index:57
(anonymous function) Index:57
j                                    jquery.min.js:2
k.fireWith                           jquery.min.js:2
n.extend.ready                       jquery.min.js:2
I                                    jquery.min.js:2

这是索引的第 57 行

所以出于某种原因我认为 fullcalendar 没有初始化或加载？我不太确定，因为这是我第一次使用这样的网络语言。有没有人有建议或知道如何解决这个问题？任何帮助将不胜感激。

编辑我还尝试转到生成的 html 中的 URL，以确保文件可以通过网络访问，并且 _Layout.cshtml 中的所有 .js 和 .css 文件都已加载

Answer 1

我对 @Script.Render("...") 的使用感到困惑并且使用不正确。我能够通过在 _Layout.cshtml 中调用 RenderSection() 之前在正文中添加 @Script.Render("...") 部分来使其工作。然后在我尝试使用日历的页面的头部部分，我还必须添加以下内容:

<link rel='stylesheet' href='~/Public/fullcalendar/fullcalendar.css' />
<script src='~/Public/fullcalendar/lib/jquery.min.js'></script>
<script src='~/Public/fullcalendar/lib/moment.min.js'></script>
<script src='~/Public/fullcalendar/fullcalendar.js'></script>

我认为我的部分问题源于之前没有做过网络开发，但我希望这对一路走来的其他人有所帮助。