javascript - 我可以从日历外部触发 eventClick 吗？

Question

我正在日历旁边的页面上创建事件的“摘要”列表。我想在单击摘要中的条目时触发事件的 eventClick 处理程序。摘要条目的标记是

 <dd id="E45">9:00am-10:00am</dd> 

其中 id 是 fullCalendar 的事件 ID。

当用户点击 dd ​​时，如何触发 eventClick(在正确的事件上)？

编辑:

感谢您的回复。不过，我认为我还不够清楚我想做什么。

我不希望 fullCalendar 实例必须提前知道它的 eventClick 事件可能会从它自身之外的事件中触发。

如果“summary”和“calendar”是两个独立的 div，并且 fullCalendar 已在“calender”div 中实例化，而摘要对象已在“summary”div 中实例化，那么我想做类似的事情当在摘要中单击 dd ​​时，这会触发日历的 eventClick(并传递正确的参数)。

$("#summary dd").click($("#calendar").fullCalendar.trigger("eventClick", ??????));

这不会出现在 fullCalendar 代码中。

Answer 1

我没有触发 eventClick 处理程序，而是使用了 updateEvent fullCalendar 方法:

    var eventsToBeUpdated = [];

    var allEvents = $('#calendar').fullCalendar('clientEvents');
    var chosenEvents = $('#calendar').fullCalendar('clientEvents', eventId);

    // remove selected-event css from all events
    for (var ei in allEvents) {
        var e = allEvents[ei];

        var classIndex;
        if (classIndex = e.className.indexOf("selected-event") != -1) {

            e.className.splice(classIndex, 1);
            eventsToBeUpdated.push(e);
        }
    }

    if (chosenEvents.length > 0) {
        chosenEvents[0].className.push("selected-event")
        eventsToBeUpdated.push(chosenEvents[0]);
    }

    // update all events which have changed
    for (uei in eventsToBeUpdated) {
        var updatedEvent = eventsToBeUpdated[uei];

        $("#calendar").fullCalendar("updateEvent", updatedEvent);
    }