2013-08-17 31 views
0

我一直堅持這個約2周的開啓和關閉,並會感謝來自任何地方的任何幫助。FullCalender和使用Google日曆的簡單警報事件詳情

我在使用FullCalender庫的網頁上創建了一個迷你壓光機。我也有一個谷歌日曆掛鉤顯示事件(http://arshaw.com/fullcalendar/docs/google_calendar /)。

它一切正常,顯示正常,我遇到的問題是獲取事件詳細信息並嘗試提醒()它們,最終目的是創建懸停彈出窗口,顯示事件的詳細信息。研究表明,FullCalender有一個功能,可以讓我能夠開始工作的'鼠標懸停'事件(http://arshaw.com/fullcalendar/docs/mouse/)。

我也曾嘗試訪問使用div的HTML:

$(document).ready(function() { 
$('#pagehome-calendar').fullCalendar({ 
    events: $.fullCalendar.gcalFeed(
     "https://www.google.com/calendar/feeds/[email protected]/public/basic", 
     { 

      currentTimezone: 'America/Chicago' // an option! 
     } 
    ) 
}); 


$(".fc-event-inner").mouseover(function() { 
    var htmlStr = $(this).html(); 
    alert(htmlStr); 
}); 

});

但是,該功能不會觸發,這讓我懷疑我不能這樣做......任何人都可以幫忙嗎?

謝謝你的時間。

回答

0

您需要嘗試使用jQuery代表,因爲我懷疑HTML內容(即您的Google日曆)尚未準備好。 請參考Link here

您需要使用相同的如下:

$(document).delegate(".fc-event-inner", "mouseover", function() { 
var htmlStr = $(this).html(); 
    alert(htmlStr); 
}); 
+0

從鏈接:'在jQuery 1.7,.delegate()已被取代。對()method.' –

+0

感謝Akshay和Rory,不幸的是.delegate()和.on()都沒有顯示任何生命跡象。然而,他們在網頁上的其他正常div上工作。 – kirgy

+0

我們可以看到HTML和腳本嗎?可能在JsFiddle.net上,我們可能會有更好的照片來幫助你 –

相關問題