必要なことを正常に実行する前に、2 つの外部 .js の読み込みを完了する必要がある jQuery コードがいくつかあり、$(document).ready
一貫して十分に動作していません。動作する場合もあれば、外部の .js コードによって上書きされる場合もあります。
jQuery が実行される前に、すべての外部 .js を含め、ページの読み込みが完全に完了していることを確認する方法はありますか?
プロジェクトについて何も知らない場合、どの方法がより良いかを知ることは不可能ですが、一般的には、すべてのスクリプトの読み込みを終了</body>
タグの直前で行うことをお勧めします。次に、依存関係がロードされた後にjqueryコードがロードされていることを確認してください。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- your head stuff -->
</head>
<body>
<!-- your page markup here -->
<!-- load scripts here -->
<script src="library_with_no_dependencies.js"></script>
<script src="jquery.js"></script>
<script src="library_with_dependency_on_jquery.js"></script>
<script src="your_js_code.js"></script>
<script>
// or you could embed your js here
</script>
</body>
</html>
ロードしたい順序でそれらをリストするだけです。この方法を使用すると、jquery$(document).ready
やを使用する必要がなくなりwindow.onload
、コードはこれらの方法のいずれかを使用するよりもはるかに早く実行されます。
JavaScript コードが依存しているライブラリだけをロードするのを待つ必要はありません。