Aide à la programmation, réponses aux questions / Javascript / fullcalendar n'est pas une fonction (ASP.NET MVC) - javascript, asp.net, asp.net-mvc, agenda, fullcalendar

fullcalendar n'est pas une fonction (ASP.NET MVC) - javascript, asp.net, asp.net-mvc, agenda, fullcalendar

J'essaie d'utiliser ce plugin

Brancher

Voici mon code dans Voir

  <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>

Mais quand je lance un site web, j'ai cette erreur

TypeError non capturé: $ (...).fullCalendar n'est pas une fonction à HTMLDocument. (Index: 134) at j (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2) sur Object.fireWith [as resolWith] (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2) sur Function.ready (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2) sur HTMLDocument.J (fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js:2)

Comment je peux le résoudre?

Réponses:

0 pour la réponse № 1

Essayé ce qui suit et son fonctionne bien:

<!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>

Assurez-vous de ne pas charger deux versions de jquery? En fait, vous utilisez une version assez ancienne de fullcalendar.

0 pour la réponse № 2

Bien que vous ne devriez pas vraiment utiliser lefullcalendar.io site en tant que CDN - il n’est pas conçu comme tel et il n’ya aucune garantie, étant donné que les fichiers resteront en place. Néanmoins, cela devrait fonctionner avec les liens que vous avez donnés:

$(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>

Notez que j’ai utilisé principalement https au lieu de httpparce que SO correspond à https et que vous ne pouvez pas vous lier à une ressource http à partir d’une page https. Il n’est pas impossible que vous rencontriez le même problème. Notez également que j’ai utilisé le CSS de fullCalendar plutôt que la référence locale dans votre exemple (car je ne peux évidemment pas y accéder).

Vérifiez également sur votre page que vos liens sont vraimentcorrect (vous pouvez voir ceux qui n’ont pas été chargés correctement en consultant l’onglet Réseau de votre navigateur) et vous assurer de ne pas avoir chargé plus d’une fois les mêmes bibliothèques, ou quelque chose du genre.

Il n’existe aucune raison évidente pour laquelle le code de votre exemple ne fonctionne pas. Par conséquent, quelque chose d’autre que je viens d’évoquer interfère presque certainement.

P.S. Comme solution à plus long terme, je vous recommande d’utiliser les fichiers à l’adresse suivante: https://cdnjs.com/libraries/fullcalendar sur votre site, car il est garanti qu'ils ne changeront pas, et en tant que CDN approprié, il aura une bande passante suffisante, etc. Vous pouvez également trouver les bibliothèques momentJS et jQuery sur le même site.