web-dev-qa-db-fra.com

TypeError: p.easing [this.easing] n'est pas une fonction

En essayant de montrer un élément div avec jQuery, j'ai eu cette erreur:

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2

La fonction pertinente est la suivante:

function showWithAnimation(){                  
  console.log('animation called');
  $('#popup').show();
  $("#popup").css({"top": "30%", "left": "30%"})
             .animate({top:(($(window).height()/2)-($('#popup')
             .outerHeight()/2))-70}, 1000, 'easeOutBounce')
             .show();
}

La fonction est responsable de montrer la div avec une animation de rebond, cependant, la div est montrée mais sans effet de rebond.

EDIT:

J'inclus les bibliothèques jQuery et jQueryUI à partir d'un CDN comme ceci (dans l'ordre):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
</script>
javascriptjqueryhtml
83
Malloc

Vous devez inclure jQueryUI pour les options d'accélération étendues.

Je pense qu’il peut être possible d’inclure uniquement l’accélération dans le téléchargement, ou du moins uniquement la bibliothèque de base plus l’assouplissement.

119
I Hate Lazy

Pour ceux qui ont une version personnalisée de l'interface utilisateur jQuery (bower par exemple), ajoutez le noyau d'effets situé dans ..\jquery-ui\ui\effect.js.

13
Tim Vermaelen

Jquery easing Plugin a renommé leurs noms de fonctions d'effet à partir de la version 1.2. Si vous avez du javascript dépendant de l’assouplissement et qu’il n’appelle pas le bon nom d’effet, cette erreur sera générée.

10
ericopter

Y compris cela a fonctionné pour moi.

Veuillez inclure la ligne mentionnée ci-dessous dans la section.

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
8
Manju

J'ai eu cette erreur aujourd'hui en essayant d'initier un effet de diapositive sur une div. Merci à la réponse de 'I Hate Lazy' ci-dessus (que j'ai votée), je suis allé chercher un script personnalisé jQuery UI, et vous pouvez en fait créer votre propre fichier directement sur le site Web de jQuery ui http: //jqueryui.com/download/ . Tout ce que vous avez à faire est de marquer le ou les effets recherchés, puis de les télécharger.

Je cherchais l'effet de glissement. J'ai donc d'abord décoché toutes les cases à cocher, puis cliqué sur la case à cocher "effet de diapositive". La page vérifie ensuite automatiquement les autres composants nécessaires au bon fonctionnement de l'effet de diapositive. Très simple.

fACILEOutBounce est un effet d’atténuation pour lequel vous devez cocher la case "Effets principaux".

4
luke_mclachlan

Si vous utilisez Bootstrap _, il est également possible que jQuery de Bootstrap, s'il est inclus sous votre balise de script jQuery, écrase votre balise de script jQuery avec une autre version. Inclure le propre CDN de jQuery et supprimer la balise de script jQuery fournie par Bootstrap était la seule chose qui fonctionnait pour moi.

4
Matthew Hinea

J'ai trouvé le problème: n'utilisez pas le CDN (cela cause le problème!), Mais enregistrez le fichier jquery localement sur votre serveur. Le problème est résolu.

0
Pasodoble