DOMの準備が整う前にjQueryコードを実行する方法はありますか?DOMの準備が整う前にjQueryコードを実行していますか?
15
A
答えて
16
jQueryはちょうどJavascriptなので、実際には「DOMが準備される前にJavaScriptを実行することは可能ですか?」という質問があり、DOMではなくドキュメントを意味すると思います。
「ドキュメントが準備完了する前にJavaScriptを実行することは可能ですか?」という質問に同意することができます。答えは「はい」です。 JavaScriptは遭遇したときに実行されます。
最もjQueryのコードが準備する書類が必要ですので、あなたがほとんど常にまたは$(document).ready(function(){...})
のいずれかを参照してください理由ですが、文書の準備が整う前に、イベントハンドラを取り付けるコードが必ず実行される(それ以外の場合は、処理することができません文書準備完了イベント)。
通常、JavascriptのインクルードはHTMLの下部に配置する必要がありますが、以前に実行したければ簡単にドキュメントに配置することができます。ヘッダーに
<html>
<head>
...
<script>
//place your code to be executed early here
</script>
</head>
...
</html>
3
、あなたの文書の頭の中にjQueryを含め、その後、頭の中で別のスクリプトタグ内にコードを記述する場合、DOMの準備ができる前に、それが実行されます:
<head>
<script src="jquery.js"></script>
<script>
// Do some stuff before the DOM is ready
</script>
</head>
<body>
<!-- Browser hasn't got this far, so no elements will be available -->
</body>
しかし、明らかにあなたは」勝ちましたまだ存在しないため、DOM要素と対話することはできません。
は あなたは(ブラウザがそれをレンダリングしている間)は、ページに挿入されているとして、あなたがDOM要素と対話できるようにすることができます近代的なブラウザで使用することができます技術がある、と述べました。それは CSS animation eventsに依存します。これを扱いやすくするために a simple library (Progressive.js)と書いています。
関連する問題
- 1. DOM全体の準備が整う前にJSを実行する
- 2. DOMの準備が整う前にhttpコールを行います。角度
- 3. jQuery準備完了コードが実行されていません
- 4. サーバをフォークして実行し、準備が整うまで待ちますか?
- 5. jQuery - 「準備が整うまで待つ?
- 6. はインライン/ブロックですドキュメントの準備が整う前にJavascriptが実行されていますか?
- 7. DOMの前でYUIのonDomReadyが一見準備ができていますか?
- 8. 本体ツリー内でスクリプトが実行されているときにDOMが準備されていますか?
- 9. DOMの準備が完了する前にspinner.gifを表示
- 10. jQuery(document).ready DOMが準備完了するのを待っていません
- 11. jQueryオートコンプリートプラグインをどのようにバインドしますか?ページの準備が整いましたか?
- 12. 文書のコードの一部をどのように実行する準備ができていますか?
- 13. DOMを準備する前にCSSを<head>に挿入しますか?
- 14. Vue.jsルーター:コンポーネントの準備が完了したらコードを実行
- 15. 準備が整うまでボタンを使用しないようにします。
- 16. 複数のステートメントをトランザクションで実行する前に準備しますか?
- 17. <body>にクラスを追加するDOM準備が整うのを待つ必要がありますか?
- 18. 生産の準備が整っていますか?
- 19. カサンドラはまだ準備が整っていますか?
- 20. ; jqueryの内のドキュメント準備の前に
- 21. divがロードされているときにjqueryスクリプトを実行することができませんDOMロードの前にjqueryコードを実行します
- 22. jQueryは将来のDOMオブジェクトでコードを実行しますか?
- 23. Jqueryのトリガーイベントはコンテンツを追加しますが、DOMは準備ができていません
- 24. 準備が整ったjQueryを関数で作成した後
- 25. 私はsocket.emitを使用する準備が整うまで実行したくない
- 26. ボタンを押す前にJqueryがコードを実行しています
- 27. HBaseは安定しており、生産準備が整っていますか?
- 28. oozieはどのように準備ステップを実行しますか?
- 29. mapがqueryRenderedFeaturesの準備が整っているかチェックしてください。
- 30. すべてのバインディングが準備されているときだけコードを実行してください
はい。しかし、DOMと相互作用する部分は機能しません。 –
はい、ありますが、jQueryは主にDOMを修正することを意図しているので、なぜあなたはしたいですか? –
参照:: http://stackoverflow.com/questions/4124765/how-to-load-jquery-before-dom-is-ready –