jquery - FullCalender 和使用 Google Calender 的简单警报事件详细信息

Question

我断断续续地坚持了大约 2 周，希望能从任何地方获得任何帮助。

我在使用 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/myrealcalender@email.com/public/basic",
        {

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


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

});

但是，该功能不会触发，这让我怀疑我无法以这种方式做到这一点......有人可以帮忙吗？

谢谢你的时间。

Answer 1

You need to try using jquery delegates for the same as I suspect that the HTML content (i.e. your google calendar) is not ready. Please refer the Link here

You need to use the same as below:

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