2013-08-17 27 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上,我们可能会有更好的照片来帮助你 –

相关问题