fullcalendar不是一個函數（ASP.NET MVC）

我嘗試使用這個插件fullcalendar不是一個函數（ASP.NET MVC）

這是我在查看

<link href="~/Content/fullcalendar.css" rel="stylesheet" /> 
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script> 
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'></script> 
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script> 
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script> 

<div id="calendar" style="height: 80%; width: 100%"> 

     </div> 

    <script> 
     $(document).ready(function() { 
      $('#calendar').fullCalendar({ 
       defaultDate: '2014-09-12', 
       editable: true, 
       eventLimit: true, // allow "more" link when too many events 
      }); 
     }); 
</script>

代碼，但是當我運行的網站我有這樣的錯誤

Uncaught TypeError: $(...).fullCalendar is not a function at HTMLDocument. (Index:134) at j (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2) at Object.fireWith [as resolveWith] (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2) at Function.ready (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2) at HTMLDocument.J (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2)

我該如何解決它？

來源

2017-06-21 Logan

嘗試了以下內容和它的做工精細：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Demo</title> 
    <link rel="stylesheet" href="https://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.css" /> 
</head> 
<body> 
<div id="calendar" style="height: 80%; width: 100%"> 

</div> 

<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js"></script> 
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js"></script> 
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script> 
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      defaultDate: '2014-09-12', 
      editable: true, 
      eventLimit: true 
     }); 
    }); 
</script> 
</body> 
</html>

確保您不加載的jQuery的兩個版本？順便說一句，你使用的是相當舊版本的fullcalendar。

來源

2017-06-21 20:28:58

儘管您不應該將fullcalendar.io站點用作CDN--它並不是一個有意義的項目，並且不能保證文件將保留在原位，但它應該與您提供的鏈接一起工作：

$(document).ready(function() { 
 
    $('#calendar').fullCalendar({ 
 
    defaultDate: '2014-09-12', 
 
    editable: true, 
 
    eventLimit: true, // allow "more" link when too many events 
 
    }); 
 
});

<link href="https://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.css" rel="stylesheet" /> 
 
<script src='https://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script> 
 
<script src='https://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'></script> 
 
<script src="https://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script> 
 
<script src='https://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script> 
 

 
<div id="calendar" style="height: 80%; width: 100%"> 
 

 
</div>

請注意，我使用HTTPS，而不是HTTP，主要是因爲SO爲https，你不能從一個HTTPS頁面鏈接到HTTP資源。你有同樣的問題並不是不可能的。另外請注意，我使用了fullCalendar中的CSS而不是本例中的本地引用（因爲顯然我無法訪問它）。

同時檢查你的頁面，你的鏈接真的是正確的（你可以看到任何沒有正確加載，通過瀏覽器的網絡標籤），並確保你沒有加載任何相同的庫不止一次，或類似的東西。

沒有明顯的原因，爲什麼你的例子中的代碼不應該工作，所以上面概述的其他內容幾乎肯定會干擾。

P.S.作爲一個更長期的解決方案，我建議您在網站上使用https://cdnjs.com/libraries/fullcalendar的文件，因爲這些文件保證不會改變，並且作爲一個合適的CDN，它將具有足夠的帶寬等。您還可以在同一時間找到jJ和jQuery庫現場。

來源

2017-06-22 07:10:46 ADyson

回答

相關問題