2013-10-29 88 views
0

我知道这已被问几十次,但我似乎有正确的,根据回应。我有日历显示,但不是内容。这里是我的代码:谷歌日历和FullCalendar

<link rel='stylesheet' type='text/css' href="fullcalendar/fullcalendar.css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="fullcalendar/gcal.js"></script> 
<script src="lib/jquery.min.js"></script> 
<script src="lib/jquery-ui.custom.min.js"></script> 
<script src="fullcalendar/fullcalendar.min.js"></script> 

<script> 
$(document).ready(function() { 
$('#calendar').fullCalendar({ 
    events: { url: "https://www.google.com/calendar/feeds/cathysegalgarcia%40gmail.com/public/basic" 
    } 
}); 
}); 
</script> 

感谢帮助!

回答

0

我在演示版本中试过了你的url,它工作正常。我会说检查你的脚本srcs,看起来你有两个jquery.min.js srcs。

我试过这个从演示gcal.html,它工作得很好。

<!DOCTYPE html> 
<html> 
<head> 
<link href='../fullcalendar/fullcalendar.css' rel='stylesheet' /> 
<link href='../fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' /> 
<script src='../lib/jquery.min.js'></script> 
<script src='../lib/jquery-ui.custom.min.js'></script> 
<script src='../fullcalendar/fullcalendar.min.js'></script> 
<script src='../fullcalendar/gcal.js'></script> 
<script> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      events: { url: "https://www.google.com/calendar/feeds/cathysegalgarcia%40gmail.com/public/basic" 
      } 
     }); 
    }); 
</script> 
<style> 

    body { 
     margin-top: 40px; 
     text-align: center; 
     font-size: 14px; 
     font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
     } 

    #loading { 
     position: absolute; 
     top: 5px; 
     right: 5px; 
     } 

    #calendar { 
     width: 900px; 
     margin: 0 auto; 
     } 

</style> 
</head> 
<body> 
<div id='calendar'></div> 
</body> 
</html> 
+0

你知道了......毕竟那个试验和错误,我不确定它是什么,但是复制和粘贴你的代码修复了它。 感谢您的帮助! – user2930069

+0

没问题,很高兴我能帮上忙。 – MarCrazyness

+3

'gcal.js'必须在'fullcalendar.js'后面调用 – brasofilo