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.