javascript - jquery 日历插件不起作用

Question

我决定在我的网站上使用这个日历插件

Plugin

但它不起作用。我得到这个错误

$(...).pignoseCalendar is not a function at HTMLDocument. (Index:97) at mightThrow (jquery-3.1.1.js:3570) at process (jquery-3.1.1.js:3638)

但我包含了 jquery 插件。

这是我的代码

<script src="~/Scripts/jquery-3.1.1.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<link href="~/Content/pignose.calendar.min.css" rel="stylesheet" />
<script src="~/Scripts/pignose.calendar.min.js"></script>
<div id="container" style="width: 100%; height: 700px;  margin-top: 85px; white-space: nowrap;">
    <div id="left3" >

    </div>
    <div id="right3">
        <p class="blue-text" style="margin-top: 10px;"><b>Opening times</b></p>
        <div class="calendar"></div>
    </div>
</div>
<script>
    $(function() {
        $('.calendar').pignoseCalendar();
    });
</script>

哪里会出错？

谢谢你的帮助。

Answer 1

你错过了这个。我们希望首先在您的 header 中添加此 js 文件。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>