Uncaught TypeError：$（...）。fullCalendar不是Laravel 5的函數

我試圖在Laravel項目上顯示完整日曆，但似乎我的腳本沒有正確加載。

我現在擁有的一切硬編碼：

@extends('masterpage') 
<link rel='stylesheet' href='{{ asset('/css/fullcalendar.css') }}' /> 
<script src='{{ asset('/js/jquery.min.js') }}'></script> 
<script src='{{ asset('/js/moment.min.js') }}'></script> 
<script src='{{ asset('/js/fullcalendar.js') }}'></script> 
<style> 

    body { 
     margin: 40px 10px; 
     padding: 0; 
     font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
     font-size: 14px; 
    } 

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

</style> 

@section('content') 
<h1> Calendar </h1> 
<div id='calendar'></div> 
@stop 

@section('footer') 
<script> 

    $(document).ready(function() { 

     $('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,basicWeek,basicDay' 
      }, 
      defaultDate: '2015-02-12', 
      editable: true, 
      eventLimit: true, // allow "more" link when too many events 
      events: [ 
       { 
        title: 'All Day Event', 
        start: '2015-02-01' 
       }, 
       { 
        title: 'Long Event', 
        start: '2015-02-07', 
        end: '2015-02-10' 
       }, 
       { 
        id: 999, 
        title: 'Repeating Event', 
        start: '2015-02-09T16:00:00' 
       }, 
       { 
        id: 999, 
        title: 'Repeating Event', 
        start: '2015-02-16T16:00:00' 
       }, 
       { 
        title: 'Conference', 
        start: '2015-02-11', 
        end: '2015-02-13' 
       }, 
       { 
        title: 'Meeting', 
        start: '2015-02-12T10:30:00', 
        end: '2015-02-12T12:30:00' 
       }, 
       { 
        title: 'Lunch', 
        start: '2015-02-12T12:00:00' 
       }, 
       { 
        title: 'Meeting', 
        start: '2015-02-12T14:30:00' 
       }, 
       { 
        title: 'Happy Hour', 
        start: '2015-02-12T17:30:00' 
       }, 
       { 
        title: 'Dinner', 
        start: '2015-02-12T20:00:00' 
       }, 
       { 
        title: 'Birthday Party', 
        start: '2015-02-13T07:00:00' 
       }, 
       { 
        title: 'Click for Google', 
        url: 'http://google.com/', 
        start: '2015-02-28' 
       } 
      ] 
     }); 

    }); 

</script> 
@stop

我的JS和CSS位於我的公用文件夾以及爲此我使用了短標籤將它們連接。

任何人有一個想法我做錯了什麼？

來源

2015-06-11 Borni

PHP在瀏覽器中解析後打開源文件並檢查您的JS文件路徑是否正確。通過瀏覽器中的開發人員工具，如果加載或不加載，您會立即看到。 – Blaatpraat

是的，一切都正確加載：http://i.gyazo.com/7b78c81666c2a5e1ebb9f624ff23fc97.png – Borni

然後你的腳本正在加載...想想我們需要看到這個頁面本身（所以你的看法，或渲染版本）。此外，這清除了它不是Laravel或PHP相關，但我們需要看看JavaScript。 – Blaatpraat

好的，所以我想通了！似乎我也在我的主頁上插入第二個jquery腳本對於任何有這個問題的人，只要確保你沒有做任何雙重代碼，因爲這也會搞砸了！

來源

2015-06-11 16:10:24 Borni

Uncaught TypeError：$（...）。fullCalendar不是Laravel 5的函數

回答

相關問題