fullCalendar updateEvent '完成' 重新渲染事件并非所有事件

Question

我目前正在动态地将我的活动拉入我的日历。 然后，当我将鼠标悬停在事件上时，它会弹出一个 qTip（jquery 插件）以显示一个弹出对话框。

我目前有一个“链接”，用于“完成”日历上的一个项目，我正在使用这个 javascript 从链接中提取我的信息。

// Update event to be complete
        $('.updateEvent').live('click', function() {
            var goTo     = $(this).attr('href');
            var eventId1 = $(this).attr('rel');
            var eventId2 = eventId1.split("-");
            var eventId  = eventId2[1];

            $.ajax({
                  url: goTo,
                  dataType: 'html',
                  success: function (event, response) {
                        $("#"+eventId).fullCalendar('className', '.complete');
                        //$("#calendar").fullCalendar("refetchEvents");
                  },
                  error: function(response, data) {
                    alert("Oops... Looks like we're having some difficulties.");  
                  }
            });
            return false;
        });

有没有办法去做和更新事件“className”->“.complete” 我知道我应该引入实际的“事件”，但我不确定如何使用 jQuery qTip 功能来做到这一点。

我希望这是有道理的，如果有任何方向，将不胜感激。

更新代码：

// Update event to be complete
        $('.updateEvent').live('click', function() {
            var goTo     = $(this).attr('href');
            var eventId1 = $(this).attr('rel');
            var eventId2 = eventId1.split("-");
            var eventId  = eventId2[1];

            $.ajax({
                  url: goTo,
                  dataType: 'html',
                  success: function (event, response) {

                      var eventNew = $("#calendar").fullCalendar("clientEvents", eventId);
                      console.log(eventNew);

                  },
                  error: function(response, data) {
                    alert("Oops... Looks like we're having some difficulties.");  
                  }
            });
            return false;
        });

当我写入 console.log(eventNew);它返回为 NULL。我知道 eventId 正在响应一个实际的 eventId，例如 (17836)。

任何其他想法将不胜感激！

我在这个页面上的完整 JS 脚本： http://jsfiddle.net/ah73B/

Answer 1

我认为您需要先获取事件的句柄，然后再更改类名。看看.fullCalendar( 'clientEvents' [, idOrFilter ] ) 方法。如果您知道 eventId，则可以将其作为过滤器传递给此方法。然后更改类名。

希望这会有所帮助。您可以发布问题的 HTML 以使问题更清晰。