Question

我正在尝试理解 javascript 。为什么我不允许执行下面的代码？当我尝试这样做时， Block 01 不起作用/渲染。

＆＃xA;＆＃xA;

 ＆lt; script type =“text / javascript“＆gt;＆＃xA; $（文档）.ready（function（）{＆＃xA;＆＃xA; //页面现已准备就绪，初始化日历。＆＃xA; $（'＃calendario'）。fullCalendar （{＆＃xA;＆＃xA; header：false，＆＃xA;＆＃xA; events：[＆＃xA; {＆＃xA; title：'Event1'，＆＃xA; start：ano +' - '+ mes +' - '+ dia，＆＃xA; end：ano +' - '+ mes +' - '+ dia +'T04：00'＆＃xA;}＆＃xA;]，＆＃xA; ＆＃xA;}）;＆＃xA;}）;＆＃xA;＆＃xA; $（'＃btn'）。click（function（）{＆＃xA; $（'＃calendario'）。fullCalendar（ ＆＃xA;'renderEvent'，＆＃xA; {＆＃xA; title：'Teste'，＆＃xA; start：'2016-04-06'，＆＃xA;}＆＃xA;）;＆＃ XA;}）; ＆＃XA;＆LT; /脚本＆GT;＆＃XA;

＆＃XA;

Answer 1

看起来您的代码运行正常;需要注意的一件事是FullCalendar 要求包含 moment.js。基本上要包含的事物的顺序是FullCalendar CSS（最好在<head>标签中），然后是jQuery.js，moment.js和fullcalendar.js（最好在</body>标签之前）。总而言之，你需要这个：

<!doctype html>
<html>
<head>
 <link rel='stylesheet' href='fullcalendar.css'>
</head>
<body>
<button id='btn'>Click</button>
<div id='calendario'></div>

<script src='jquery.js'></script>
<script src='moment.js'></script>
<script src='fullcalendar.js'></script>
<script>
//Your code here
</script>
</body>
</html>

功能小提琴：https://jsfiddle.net/zqw1m9tb/

无法在单个<script>标记中编写多个代码块

1 个答案: