Question

在我的移动设备上查看我网站的fullCalendar时，由于屏幕尺寸较小，仅显示活动标题的活动时间和前几个字母。

我想使用word-wrap: break-word;包装事件标题的文本，但我认为我需要为事件名称定义一个类，以便在CSS中设置它的样式。

我在fullCalendar的Google日历说明中看到了一个示例，它似乎是我在为事件添加课程时所寻找的，但我在控制台中收到'unexpected identifier'错误指向我的代码中的ClassName行项目。

不确定我在这里做错了什么。我是编码的新手，这是我在网站上的第一次尝试。

感谢您的帮助。

<link rel="stylesheet" href="fullcalendar/fullcalendar.css" />
<script src="lib/jquery.min.js"></script>
<script src="lib/moment.min.js"></script>
<script src="fullcalendar/fullcalendar.js"></script>
<script src="fullcalendar/gcal.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#calendar").fullCalendar({
        googleCalendarApiKey: "AIzaSyB4JPPyVCI5JYLV0lqAlKZoCjT_dQd-zps",
        events: {
            googleCalendarId: "b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"
            className: "gcal-event"
        }
    });
});

Answer 1

我认为这只是你JSON中的一个错字：

events: {
        googleCalendarId: "b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"
        className: "gcal-event"
        }

对象中的每个属性之间应该有一个逗号，因此"b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"应为"b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com",

如何将类添加到FullCalendar事件以添加CSS自动换行

1 个答案: