2012-05-14 2 views
1

В настоящее время мои события динамически втягиваются в мой календарь. Затем, когда я наводил курсор на событие, он всплывал с qTip (плагин jquery), чтобы отобразить всплывающее диалоговое окно.fullCalendar updateEvent «завершено» повторное отображение события не все события

В настоящее время у меня есть ссылка, которая должна «заполнить» элемент в календаре, и я использую этот 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» - «полный»> Я знаю, что я должен тянуть в действительном „событие“, но я не- как это сделать с 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).

Любые другие мысли были бы высоко оценены!

My ПОЛНЫЙ JS скрипт на этой странице: http://jsfiddle.net/ah73B/

ответ

1

Я думаю, что вам нужно получить дескриптор события первых, перед изменением имени класса. Посмотрите на метод .fullCalendar('clientEvents' [, idOrFilter ]). Если вы знаете eventId, вы можете передать это как фильтр этому методу. Затем измените имя класса.

Надеюсь, это поможет. Вы можете опубликовать HTML-код для того, чтобы вопрос был более ясным.

+0

Эй, я был рад видеть ваш ответ, но не смог получить дальше ... Я обновил свой код и остальную часть JS. Если вы можете сделать другой взгляд, который был бы потрясающим. – Justin