css - 如何将类添加到 FullCalendar 事件以添加 CSS word-wrap

Question

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

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

我在 fullCalendar 的 Google Calendar 说明中看到了一个示例，它似乎是我正在寻找的关于为事件添加类的内容，但我在控制台中收到了一个'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",