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

Question

Lorsque j'essaie d'afficher un élément div avec jQuery, j'obtiens 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 l'affichage du div avec une animation de rebond, cependant, le div est affiché mais sans effet de rebond.

EDITAR:

J'inclus les bibliothèques jQuery et jQueryUI depuis 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>

Answer 1

Vous devez inclure jQueryUI pour les options d'assouplissement étendues.

Je pense qu'il peut y avoir une option pour inclure seulement l'assouplissement dans le téléchargement, ou au moins juste la bibliothèque de base plus l'assouplissement.

Answer 2

Pour ceux qui ont une construction personnalisée de jQuery UI (bower par ex.), ajoutez le noyau d'effets situé dans ..\jquery-ui\ui\effect.js .

Answer 3

Inclure ceci 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'>

Answer 4

Le plugin Jquery easing a renommé les noms de ses fonctions d'effet à partir de la version 1.2. Si votre javascript dépend de easing et qu'il n'appelle pas le bon nom d'effet, cette erreur se produira.

Answer 5

J'ai obtenu cette erreur aujourd'hui en essayant de lancer un effet de glissement sur un div. Grâce à la réponse de 'I Hate Lazy' ci-dessus (que j'ai upvoted), j'ai cherché un script de jQuery UI personnalisé, et vous pouvez en fait construire votre propre fichier directement sur le site de jQuery ui http://jqueryui.com/download/ . Il vous suffit de marquer le ou les effets que vous recherchez, puis de les télécharger.

Je cherchais l'effet de glissement. J'ai donc commencé par décocher toutes les cases, puis j'ai cliqué sur la case "effet de diapositive" et la page a automatiquement vérifié les autres composants nécessaires pour que l'effet de diapositive fonctionne. C'est très simple.

easeOutBounce est un effet d'assouplissement, pour lequel vous devez cocher la case "Effets de base".