我的完整日历代码在 Chrome、Firefox 中有效，但为什么在 Safari 中会出现问题？

Question

此代码适用于 Chrome 和 Firefox，但在 Safari 上，日历甚至不会加载到屏幕上。

基本上我需要从另一个网站自动提取事件数据，然后将其输入到完整日历中。其他网站发送事件详细信息的格式是具有属性 "name" 和 "time." 的数组完整日历以名为 "events" 的数组形式获取事件详细信息，具有属性 "title" 和"start." 因此，使用下面的代码，我尝试重命名数组和属性以遵循完整日历的格式。然后在呈现日历的代码中，我调用该数组 "events"。它在 Chrome 和 Firefox 中工作，但在 Safari 上它不工作，控制台告诉我它在属性名称 "events" 之后期待一个“：”？我怎样才能让它与 Safari 一起使用？

var getEvents = function() {

        $.ajax({

            type: "GET",

            url: API_ENDPOINT,

            dataType: 'jsonp',

            success: displayEvents

            });

        };

var displayEvents = function(data) {

    var events = data.results;

    function changeData(events) {

        var start;

        for (var i=0; i < events.length; i++) {

            if (events[i].hasOwnProperty("name")) {
                events[i]["title"] = events[i]["name"];
                delete events[i]["name"];
            }

            if (events[i].hasOwnProperty("time")) {
                events[i]["start"] = events[i]["time"];
                delete events[i]["time"];
            }

            if (events[i].hasOwnProperty("start")) {
                start = events[i].start;
                events[i].start = new Date(start);
            }

        }

    }

    changeData(events);

    console.log(events);

      $('#calendar').fullCalendar({

        events

    });

    }

getEvents();

Answer 1

只需更改$('#calendar').fullCalendar({ events });

到$('#calendar').fullCalendar({ events: events });

其中第一个 events 是您传递给 $.fullCalendar() 函数的对象的属性名称，第二个 events 是值，即您之前定义的变量。

我的完整日历代码在 Chrome、Firefox 中有效，但为什么在 Safari 中会出现问题？

My code for Full Calendar works in Chrome, Firefox but why is this breaking in Safari?

javascript

safari

jquery

fullcalendar