jquery - jQueryAnimateが機能しない

Question

jQueryを使用して画面上のいくつかの要素を移動していますが、アニメーション機能が機能していません（または、CSS定義がそれを妨げています。たとえば、このアニメーション要素idfoobarを特定の位置に配置すると思います。

$('#foobar').animate({ top: '0px', left: '200px' });

ここにjsfiddleの例があります：遊びます

私の知る限り、相対位置のdiv（例ではScreenDesign）内にある限り、絶対位置の要素（例ではクラスmenuButton）を配置できるはずです。しかし、これを機能させることはできません。

ありがとう：）

score 1 · Accepted Answer

jQueryを参照するのを忘れただけです。

同様の問題をデバッグするには、javascriptコンソール（ChromeとFireBugの両方でF12）を検査する必要があります。あなたのフィドルについては、次のように述べています。

Uncaught TypeError：nullのメソッド'animate'を呼び出すことができません

score 0 · Accepted Answer

jQueryが含まれていないため、jsFiddleが機能していません（デフォルトでは、別のライブラリであるMooToolsのみが含まれています）。

jQueryを含めるには、[フレームワーク]タブからjQueryを選択します。

ここに画像の説明を入力してください

これが修正されたバージョンです：小さなリンク。

score 0 · Accepted Answer

DOM が完全に読み込まれるように、アニメーションを jQuery Ready 関数でラップします。

 jQuery(document).ready(onready);

  function onready
  {
    jQuery('#foobar').animate({ top: '0px', left: '200px' });

  }

また、ドル記号とは対照的に「jQuery」を使用すると、js ライブラリとの競合がなくなります :-)

3 に答える 3