dimanche 1 janvier 2017

Uncaught TypeError: $(...).fullCalendar is not a function(…)

$(document).ready(function() {

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

    $('#calendar').fullCalendar({
        // put your options and callbacks here
        left:   'Calendar',
        center: '',
        right:  'today prev,next'
    })

});
<html>
  <head>
    <script src='http://ift.tt/2eBd7UN'></script>
<script src='/js/fullcalendar/lib/moment.min.js'></script>
<script src='http://ift.tt/2iCTAWc'></script>
<link rel='stylesheet' href='/js/fullcalendar/fullcalendar.css' />
    </head>
  <body>
  <div id='calendar'></div>
  </body>

  </html>

I am trying to add calendar with my blade template and I end up with this error.

app.js:3 Uncaught TypeError: $(...).fullCalendar is not a function(…)

my head section looks like this

<script src='http://ift.tt/2eBd7UN'></script>
<script src='/js/fullcalendar/lib/moment.min.js'></script>
<script src='http://ift.tt/2iCTAWc'></script>
<link rel='stylesheet' href='/js/fullcalendar/fullcalendar.css' />

and than after that I am calling fullCalender on ready event

<script>
$(document).ready(function() {

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

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

});
</script>

With CDN I am trying to fetch latest Jquery and FullCalendar.

With my snippet i have added /lib/moment.min.js I confirm that this file loads fine from my local machine.



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire