5

これはばかげた質問のように聞こえるかもしれませんが、例によって jQuery を学んでいると、スクリプトと関数の配置が例ごとに大きく異なることがわかります。適切な例として、.onReady関数を他のすべての下に配置して、DOM全体が実際に準備ができていることを確認する必要があることをどこかで読みました。

問題は単純にこれです。明らかなスクリプト タグは別として、PHP ファイルのどこに jquery を配置するかのベスト プラクティスはありますか? 1 回限りのインライン スクリプトはどうですか? これの素朴な性質で申し訳ありませんが、これらの例を「正しい」方法で試して、すべてをまとめる方法を見つけたいと思います。

このサイトには非常に洞察力のある人々が貢献しているようです。:)

どうやら私が思っていたほどばかげていなかったようです - 洞察をくれた皆さんに感謝します - 全体像で理解しようとしていたことが少し明確になったように感じます.

4

4 に答える 4

8

私の知る限り、ありません.onReady

おそらくあなたは言及してい$(document).ready()ますか？

のポイントは.ready()、要素の準備が整うのを待つことです。この場合、ドキュメント。そのため、ドキュメントの準備が整うまで、その中の何も実行されません。そのため、好きな場所に配置できます。

ただし、JS ファイルにリンクする場所については、パフォーマンス上の理由から、ドキュメントの下部で行う必要があります。

http://developer.yahoo.com/performance/rules.html

于 2012-05-24T17:00:53.900 に答える
4

PHPについては知りませんが、 「DOM全体が実際に準備ができていることを確認するために」すべてのonReadyコードを一番下に置くという指示 は間違っています!

準備完了イベントの要点は、好きな場所に配置でき、引き続き機能することです。

例：

$('#foo').val() // undefined - the DOM isn't ready yet.

$(document).ready(function(){
    $('#foo').val() // bla - the DOM is ready now.
});
<input id="foo" value="bla" />

ライブデモ

$(callbackFunction)詳細な構文に等しいことに注意してください$(document).ready(callbackFunction);

ドキュメントを読む必要がありますready

于 2012-05-24T17:01:08.887 に答える
2

あなたのページのタグを<script type="text/javascript"></script>閉じる前にあなたを含める必要があります。<body>これにより、上記のページのすべての静的部分がその前に読み込まれることが保証されます。

于 2012-05-24T17:00:23.537 に答える
0

命令の準備ができていると、JavaScriptコードをどこにでも置くことができます。ドキュメントの準備ができたときにのみ実行されます。

構文は次のとおりです。

$(document).ready(function() {
  // Put your code here.
});

またはこれ：

$(function() {
 // Put your code here.
});

ただし、パフォーマンス上の理由から、選択するには、ページの下部、閉じる</body>の直前を選択してください。

于 2012-05-24T17:04:49.513 に答える