106

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

11 に答える 11

152

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

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

于 2012-09-25T22:59:25.980 に答える
20

カスタムjQueryUIビルド（例：bower）をお持ちの場合は、にあるエフェクトコアを追加して..\jquery-ui\ui\effect.jsください。

于 2014-12-22T08:15:20.040 に答える
15

これを含めることは私のために働いた。

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

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

于 2016-10-12T11:38:38.680 に答える
10

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

于 2012-11-12T16:01:17.337 に答える
5

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

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

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

于 2016-02-02T23:27:39.807 に答える
4

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

于 2016-09-25T23:12:06.143 に答える
3

jquery.easingcdnのインポートは私のために働きました。

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

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

于 2020-05-03T19:41:36.060 に答える
1

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

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

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

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

于 2020-01-28T15:40:31.740 に答える
0

私は問題を発見しました：CDNを使用しないでください（これは問題を引き起こしています！）、代わりにサーバーにローカルにjqueryファイルを保存してください。そうすれば問題はなくなります。

于 2019-06-29T10:54:19.303 に答える
0

ブートストラップ4以降には最新のものを使用してください。これはUIに影響しません。

于 2020-09-03T14:26:35.433 に答える
0

私は非常に奇妙なことを発見しましたが、知っておくべき重要なことです。jQueryui（1.12.1）をインストールすると、多くのイージングが機能します。

jQuery('#my-elm').animate({marginLeft:500},1000,'linear');
jQuery('#my-elm').animate({marginLeft:500},1000,'easeOutBounce');

動作しますが、デフォルト：

jQuery('#my-elm').animate({marginLeft:500},1000,'swipe');

非常に多くのエラーを生成します

于 2021-09-11T12:43:03.650 に答える