問題タブ [domready]

jquery 1.8.2 を requirejs 2.1.1 でロードする$(document).ready()と、 $(window).load()イベントが非常に奇妙な動作を開始します。

1 つだけが起動されることもあれば、両方が起動されることもありますが、いずれの場合も、すべてのコンテンツ、画像などが読み込まれた後に起動され.load() eventます。

jQuery 1.7.2 に切り替えると、実際の DOM 準備完了イベントとして機能し、発生することはありませんが、 適切に機能し.load()ます。私はここで何か間違ったことをしていますか、それとも私だけがこれらの問題を抱えているのではありませんか?.ready().load()

例(コンソールを開いて更新):

http://jsbin.com/epujom/5

出典：

http://jsbin.com/epujom/5/edit

編集: テスト ケースを更新しました。jQuery.isReady = falseDOM の準備が整ったときでさえ、

私は、多くの Javascript と jQuery を含むサイトで作業しています。私が知る限り、そのほとんどは、ドキュメントの準備ができた後に読み込まれます。ただし、ページが読み込まれると、約 1 秒の白い FOUC が表示されます。しかし、Javascript を完全に無効にすると、白い閃光はまったくありません。

ページが読み込まれるまで Javascript の読み込みが開始されないようにするにはどうすればよいですか? それはすでに自由に使用されています

...だから、ページの読み込みが完了してレンダリングされるまで Javascript は起動しないはずです...そうですか? しかし、どういうわけか、ページはレンダリングの前にスクリプトが終了するのを待ちます。JavaScript が完全に無効になっていても、ページはほとんど問題なく表示されるため、その必要はありません。

このコードが本体のクラス名を返すことを願っています。

しかし、代わりに、私はUncaught TypeError: Cannot read property 'className' of null

domreadyイベントの前に頭の中で体のクラス名を取得して設定する方法はありますか？

唯一の方法は、このコードをdomreadyイベントに追加することですか？

現時点では、プラグインに慣れようとしています。プラグインのホームページには、その使用方法に関するいくつかの例があります。

一例として、次のコードがあります。

私もjQueryを使用しているので、そのコードを内部$(document).readyで使用したいと思います。これは基本的にjQueryのやり方DOMContentLoadedだと思います。&を削除して、内部のみを残し
ても安全ですか?document.addEventListener('DOMContentLoaded', function () {}, false);setTimeout(loaded, 200);$(document).ready

firebugコンソールから実行すると、以下のコードは問題なく動作します

しかし、を削除するjQuery(document).readyと、コードが機能しません。

ready()は、ドキュメント (画像など) がブラウザに読み込まれ、イベントが発生することを意味します。しかし、コードの最初のブロックが機能する場合 (DOM の準備ができていることを意味します)、コードの seconf ブロックも実行すべきではないでしょうか?

何かが足りないと思いますが、どちらの場合も、ドキュメントがブラウザに読み込まれるため、コードが実行されるはずです。

または、コードの実行を妨げるページ コードのエラーが発生している可能性があります。

PS: コード ページは、私のローカルホストの単なるワードプレス ページです。

ロゴの寸法を取得し、それに応じて位置を調整する必要があるプロジェクトがあります。$(document).ready私が理解していることから、ページ上のすべての要素は、またはonloadイベントの直後に使用できるようになっているはずです。また、すべてを確実に取得できるように、body の終了タグの前にスクリプトを配置しようとしました。jQuery を使用$(element).widthし$(element).heightて、ロゴ画像を測定します。

ただし、毎回これらの値を取得しているわけではありません。これら 2 つの値をコンソール ログに記録しています。時々、画像タグが読み込まれていると思われるゼロが表示されますが、実際の画像はまだ読み込まれています。私はオンラインで検索しているのでとても混乱しています.DOM Readyを使用するか、スクリプトタグを最後に置くと、すべての要素が準備されているはずです.

Google マップのインフォボックスのコンテンツ内にある div に背景画像を追加しようとしています。.css('background-image') を変更するために使用している関数が div の ID を認識していないため、問題が発生しています。これは、インフォボックスを開いたときにコンテンツ文字列が DOM ロードされていないことが原因である可能性があります。「domready」などをリッスンするイベントを追加する必要があることはわかっていますが、それを実装する方法が正確にはわかりません。問題のコードは次のとおりです。

index.html

foo.js

1. window.onloadを html で使用すると、window.onload外部からの js は無視されます。
2. window.onloadfrom external js がコメントアウトされている場合は 0 を返しbar.lengthます。
3. window.onloadfrom html を削除すると、from window.onloadexternal js が正常に動作します。

両方を使用できない理由を誰か説明できますwindow.onloadか?

HTMLで使用する必要がある場合window.onload、ウィンドウが外部jsからロードされているかどうかをどのように確認できますか?

Google マップと独自の JavaScript を使用する Web サイトがあります。ソーシャル ボタンに addThis JavaScript を使用しています。このサイトは、私の JavaScript と Google の JavaScript がロードされて (on で$(document).ready...) 実行されるまで実際には使用できないので、処理の遅延を最小限に抑えたいと考えています。そのため、それほど重要ではないため、他のすべてが完了するまで AddThis モジュールを延期することを考えていました。

スタックオーバーフローに関する他の質問では、遅延させたいJavaScriptへのリンクをページの下部に配置することを提案しています。$(document).ready...しかし、リンクされたすべてのJavaScriptがどこに配置されていてもロードされるまで起動しないので、これは私には関係ないと考えていますか?

もしそうなら、どうにかして addThis javascript を on の後にロードする必要があり$(document).ready...ますか?

すべてのGoogleマップ画像などがすべて読み込まれるまでaddThisを実行したくないのですが（.ready（）はこれを待たないと思います）。このようなことを処理するための推奨される方法はありますか?

参考までに、一般的な addThis の使用法...

DOMContentLoaded イベントが発生しない限り (this.elsは要素のオブジェクトです)、以下が機能していないように見えることに驚きました。

ページは iframe に正常に読み込まれますが、コールバックはありません。onloadただし、DOM レベル zeroは機能します。

回避策は、親ページでグローバルにアクセス可能な jQuery 遅延オブジェクトを準備し、親からの DOM 対応をリッスンするのではなく、iframe に呼び出されたページから発生する DOM 対応イベントを介して解決することです。

親ページ:

フレームページ:

それにもかかわらず、最初のアプローチがどうなっているのかを知ることは良いことです...