javascript - 嵌入 jquery 日历插件——没有显示任何内容?

标签 javascript jquery html calendar embed

我正在尝试将此 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>

最佳答案

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

关于javascript - 嵌入 jquery 日历插件——没有显示任何内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25344377/

相关文章:

Javascript for循环和警报

javascript - 如何在按下按钮或 div 时更改背景颜色,如果按下另一个,第一个变回颜色?

javascript - jquery select2 v4 - 选择选择元素上的默认选项

javascript - 使用 summer-note 编辑器 div 的类 'note-editable ' 访问 div 的数据

java - 如何显示html/rich格式的邮件?

javascript - 在调整窗口大小时右对齐

javascript - 在第一个 child 中不显示

javascript - CSS 过渡效果仅为框阴影颜色

javascript - 我想在不重新加载页面的情况下更改<audio>的值

javascript - 根据屏幕宽度显示 1 或 2 列的简单 html