嵌入 jquery 日历插件——什么都没有出现？答案

【问题标题】：Embedding jquery calendar plugin--nothing showing up?嵌入 jquery 日历插件——什么都没有出现？
【发布时间】：2014-10-10 05:58:51
【问题描述】：

我正在尝试将此 jquery 日历嵌入到我的网页中 http://www.jplugins.net/pretty-calendar/?demo

我正在按照此处列出的说明进行操作： https://www.apptic.me/blog/making-pretty-calendars-with-jquery.php

虽然我已将此处列出的所有基本功能都粘贴到我的文档（包括示例脚本）中，但没有显示任何内容。有什么见解吗？以下是相关代码：

    <link rel="stylesheet" type="text/css" href="https://www.apptic.me/projects/calendar/pretty-calendar-minified.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://www.apptic.me/projects/calendar/pretty-calendar-minified.js"></script>

</head>

<body>

<div id="navWrap" style="width:70%;height:80%;position:absolute;top:10%;margin:0 auto;right:0;left:0;"></div>

<script>
var events = [];
events[0] = [];
events[0][0] = "Sunday";
events[0][1] = "3:00pm";
events[0][2] = "Just a sample event"
events[0][3] = "#c0c0c0";
events[1] = [];
events[1][0] = "Monday";
events[1][1] = "12:00pm";
events[1][2] = "Another event"
events[1][3] = "#8FD8D8";

var prettyCal = new PrettyCalendar(events, "navWrapper");
</script>

【问题讨论】：

标签： javascript jquery html calendar embed

【解决方案1】：

是的，您的 ID 为“navWrap”，但随后您尝试使用“navWrapper”调用该函数。

【讨论】：

啊奇怪！感谢您注意到这一点。我将其更改为 navWrapper 以匹配但仍然没有运气。还有其他想法吗？
不要这么认为...我添加了一个警报以确保 JS 正常运行并弹出警报。在这一点上，我什至不关心功能，我只是想让它出现在页面上。
我复制并粘贴了您的确切代码，没有添加任何内容，只是将“navWrap”更改为“navWrapper”并创建了一个 html 文件。我用 http-server 加载它并且它工作。
哇，谢谢！那么必须是服务器的东西；我只使用本地副本。干杯！
我不知道PrettyCalendar是否有服务器要求，但是当它以//开头时很难加载jQuery CDN。如果您想尝试使其在本地工作，请在其前面添加 http:。