なぜ機能は、私は次のコードは、しているslideUpのjqueryの

-1

動作しませんか？この関数は、jqueryのドキュメントの場合と同じです。スクリプトタグ内なぜ機能は、私は次のコードは、しているslideUpのjqueryの

2016-04-17 Irina Farcau

@Juhana：リンクを私の標準リンクに追加しました。ありがとうございました。 –

コードはすぐパーサがHTML（あなたがdeferやasync属性を使用unles）の残りの部分を続行する前にブラウザが、スクリプトタグを解析して実行します。したがって、イベントハンドラをフックするコードは、が存在する前にを実行するので、何も接続されません。

ちょうど終了</body>タグの前に、HTMLの終わりにscriptを移動
：

<!DOCTYPE HTML> <html> <head> </head> <body> <div class="a"> <p> aaa</p></div>  <script src="jquery-2.0.3.js"></script> <script> $("div.a").click(function(){ $(this).slideUp(); }); </script> </body> </html>

そのように、HTMLで定義された要素は、スクリプトの実行時のように存在します。ここでは、YUI Best Practices for Speeding Up your Website

スクリプトの実行場所を制御しない場合は、jQueryのreadyコールバックを使用することをお勧めします。

出典

2016-04-17 09:59:27

なぜreadyメソッドが2番目に優れていますか？ – bugwheels94

それは動作します、ありがとうが、私はそれを取得しません。 cssがhtmlの前に定義されている場合、なぜCSSのプロパティがdiv htmlで動作するのですか？ –

@ user1533609：スクリプトをページの早い方に置くことは、パターンに反するためです。スクリプトが最後にある場合、 'ready'は不要です。 –

なぜ機能は、私は次のコードは、しているslideUpのjqueryの

答えて

関連する問題