Question

我已经坚持了大约两个星期的时间，并且非常感谢任何地方的帮助。

我在使用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

您需要尝试使用jquery委托，因为我怀疑HTML内容（即您的Google日历）尚未就绪。请参阅Link here

您需要使用以下相同的内容：

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

完整日历和使用Google日历的简单提醒事件详细信息

1 个答案: