TypeError：p.easing [this.easing]は関数ではありません

jQueryでdiv要素を表示しようとすると、次のエラーが発生しました。

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

関連する機能はこれです：

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();
}

関数は、バウンスアニメーションでdivを表示する役割を果たしますが、divは表示されますが、バウンス効果はありません。

編集：

私はこのようなCDNからjQueryおよびjQueryUIライブラリを含めています（順番に）：

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

拡張イージングオプションにはjQueryUIを含める必要があります。

イージングのみをダウンロードに含めるオプション、または少なくとも基本ライブラリとイージングのみを含めるオプションがあると思います。

カスタムjQuery UIビルド（例：バウアー）を持っている人のために、にあるエフェクトコアを追加し..\jquery-ui\ui\effect.jsます。

これを含めるとうまくいきました。

以下の行をセクションに含めてください。

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

jqueryイージングプラグインは、バージョン1.2以降のエフェクト関数名を変更しました。イージングに依存するjavascriptがあり、正しいエフェクト名を呼び出さない場合、このエラーがスローされます。

今日、divでスライド効果を開始しようとしたときにこのエラーが発生しました。上記の 'I Hate Lazy'（私は賛成しています）からの回答のおかげで、カスタムjQuery UIスクリプトを探しました。実際、jQuery uiのWebサイトhttp：// jqueryuiで直接独自のファイルを作成できます。 com / download /。あなたがしなければならないすべてはあなたが探している効果をマークしてからダウンロードすることです。

スライド効果を探していました。そのため、最初にすべてのチェックボックスをオフにし、次に[スライド効果]チェックボックスをクリックすると、ページが自動的にスライド効果を機能させるために必要な他のコンポーネントをチェックします。とても簡単です。

easeOutBounceはイージング効果です。そのためには、[Effects Core]チェックボックスをオンにする必要があります。

Bootstrapを使用している場合、BootstrapのjQueryがjQueryスクリプトタグの下に含まれている場合、jQueryスクリプトタグを別のバージョンで上書きしている可能性もあります。jQueryの独自のCDNを含め、Bootstrapが提供するjQueryスクリプトタグを削除することが、私にとっては唯一機能しました。

このエラーが発生し、バージョンを更新して、エフェクトコアが存在することを確認し、それでも頭を悩ませている人は、ドキュメントでanimate（）およびその他の構文を確認してください。

私がしたことは、「線形」ではなく「線形」と書くことだけで、[this.easing]は関数ではありません。

$（ "＃main"）。animate（{scrollLeft： '187px'}、 'slow'、 'Linear'）; //悪い

$（ "＃main"）。animate（{scrollLeft： '187px'}、 'slow'、 'linear'）; //良い

問題を発見しました：CDNを使用しないでください（これが問題の原因です！）代わりに、jqueryファイルをサーバーのローカルに保存すれば、問題は解決します。

jquery.easingcdnのインポートは私にとってはうまくいきました。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

このWebページの下部を追加できます。