views:

39

answers:

0

When I test the fullcalendar widget locally, it works fine. However, when I try to integrate it with Squarespace, it doesn't show up.

Here is what is in my head tag:

<link rel='stylesheet' type='text/css' href='storage/scripts/fullcalendar.css' />
<script type='text/javascript' src='storage/scripts/jquery.js'></script>
<script type='text/javascript' src='storage/scripts/fullcalendar.js'></script>
<script type='text/javascript'>
$(document).ready(function() {

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

    $('#calendar').fullCalendar({
           aspectRatio:2
    })

});
</script>

I have this in my body tag:

<div id="calendar" style="width:500px; height:330px; background-color:#CCCCCC;"></div>

The div displays but the calendar doesn't appear at all.

I can't figure out why this isn't working! The calendar should definitely fit in the div space (at least it does locally). I've used jQuery with Squarespace before, and I don't see where my error is.