2番目の$(ドキュメント).readyイベントjQueryの
-
09-09-2019 - |
質問
私は、文書readyイベントは、のようなものを発射した後に広告を挿入するために$(ドキュメント).ready()といくつかの外部のjQueryを使用しています
$(document).ready( function() {
$('#leaderboard').html("<strong>ad code</strong>");
});
これは、広告の遅いローディングに遮られるUIを防止するためです。これまでのところ、それがうまく働いています。
今、私は私たちのCMSシステムものの、いくつかのより多くの広告を挿入する必要があり、これは外部JSファイルの一部にすることはできませんので、私は思ったんだけど、私は2番目の文書readyイベントを使用すると、インラインスクリプトタグを使用してそれを挿入することができますか?もしそうなら、何が外部JS文書readyイベント最初の実行の順序またはインラインスクリプトでしょうか?
解決
あなたはできるだけ多くのイベントメソッドを使用することができ、jqueryのは、キューにそれらを結合します。メソッド呼び出しの順序は定義順と同じである - 。最後の最後に呼び出されます追加
便利な事があってもよいコードがDOM $にロードされたときには、あなたは、Ajaxを使用してスクリプトをHTMLコードを読み込むことができ()。とも呼ばれます)(準備ができて、あなたが動的に広告をロードできるようにします。
他のヒント
はい、複数の$を追加する(文書).ready()の問題ではありません。すべての準備ができていたイベントで実行されます。
あなたのコードサンプルが間違っていることに注意してください。 $(ドキュメント).ready()関数ではなく、式を取ります。
:だから、それをこのような機能を養う必要があります $(document).ready( function() {
$('#leaderboard').html("<strong>ad code</strong>");
});
この関数は、ドキュメントの準備ができたときに実行されます。
jQueryの方法の追加ボーナスがあります あなたは)(複数の準備を持つことができること 定義。これは、すべての場合であります jQueryのイベントます。
$(ドキュメント).ready(関数(){ 警告(「ナンバーワン」); });
$(ドキュメント).ready(関数(){ 警告( "ナンバーツー");
jQueryのは、それらが定義されているために準備ができて関数を呼び出します。 あなたが最初のいくつかのデータをロードするとdeleay実行使用 holdReady()の場合ます。