0

Adam Shaw の fullCalendar に関するチュートリアルに従いましたが、Google カレンダーからイベントを取得できません。これが私のコードです:

 <!DOCTYPE html>
    <html>
    <head>
    <link href="<?php echo css_url().'fullcalendar.css'; ?>" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<?php echo js_url().'jquery.js'; ?>"></script>
    <script type="text/javascript" src="<?php echo js_url().'fullcalendar.js'; ?>"></script>
    <script type='text/javascript' src='fullcalendar/gcal.js'></script>


    <script type='text/javascript'>

    $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

    });


    $(document).ready(function() {

      $('#calendar').fullCalendar({
          events: $.fullCalendar.gcalFeed(
             "http://www.google.com/calendar/feeds/username%40gmail.com/public/basic") 

    });

    });

    </script>

</head>
<div id='calendar'></div>
</html

何が悪いのか教えてください。

4

1 に答える 1

1

FullCalendar は 1 回だけインスタンス化する必要があります。script タグをこれに置き換えると、機能するはずです。

<script type='text/javascript'>
    $(document).ready(function() {
      $('#calendar').fullCalendar({
          events: $.fullCalendar.gcalFeed(
             "http://www.google.com/calendar/feeds/username%40gmail.com/public/basic") 
      });
    });
</script>

これが役立つかどうか教えてください。

編集: フィドル - http://jsfiddle.net/100thGear/JeDFG/ . また、gcal.jsが正しいパスにあり、HTML に含まれていることを確認してください。

于 2012-08-13T14:04:29.500 に答える