Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 嵌入jquery日历插件——什么都没显示?_Javascript_Jquery_Html_Calendar_Embed - Fatal编程技术网

Javascript 嵌入jquery日历插件——什么都没显示?

Javascript 嵌入jquery日历插件——什么都没显示?,javascript,jquery,html,calendar,embed,Javascript,Jquery,Html,Calendar,Embed,我正在尝试将此jquery日历嵌入到我的网页中 我遵循此处列出的指示: 虽然我已经将这里列出的基本功能的所有内容粘贴到我的文档(包括示例脚本)中,但没有显示任何内容。有什么见解吗?以下是相关代码: <link rel="stylesheet" type="text/css" href="https://www.apptic.me/projects/calendar/pretty-calendar-minified.css"> <script src="//ajax.

我正在尝试将此jquery日历嵌入到我的网页中

我遵循此处列出的指示:

虽然我已经将这里列出的基本功能的所有内容粘贴到我的文档(包括示例脚本)中,但没有显示任何内容。有什么见解吗?以下是相关代码:

    <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>

var事件=[];
事件[0]=[];
事件[0][0]=“周日”;
事件[0][1]=“下午3:00”;
事件[0][2]=“只是一个示例事件”
事件[0][3]=“#c0”;
事件[1]=[];
事件[1][0]=“星期一”;
事件[1][1]=“下午12:00”;
事件[1][2]=“另一个事件”
事件[1][3]=“#8FD8D8”;
var prettyCal=新的PrettyCalendar(事件,“navWrapper”);

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

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