問題タブ [domready]

これは実際のコーディングの問題ではなく、実際のステートメントです。

私は以前、イベントが非常に遅いことを指摘しました。DOMReadyそのため、jQuery ソースを参照しているときに、jQuery domeready イベントを .xml を使用してトリガーできることに気付きました$.ready()。次に、本体を閉じる直前にこの単純な実行スクリプトを配置すると、以前に接続されていたすべての「onDomReady」リスナーがトリガーされるはずだと思いました。はい、期待どおりに動作します。

以下に 2 つの例を示します。これは、DOMReady の待機中に費やされたミリ秒を測定します。

http://jsbin.com/aqifon/10

ご覧のとおり、DOMReady トリガーはネイティブに非常に遅く、ユーザーは domready スクリプトが起動するまで 200 ～ 300 ミリ秒待たなければなりません。

とにかく、タグを$.ready()閉じる直前に配置すると、次のようBODYになります。

http://jsbin.com/aqifon/16

違いを見ます？domready を手動でトリガーすることにより、100 ～ 300 ミリ秒の実行遅延をカットできます。jQuery を利用して DOM 操作を確認する前に処理できるため、これは大きな問題です。

さて、質問ですが、これが推奨されたり議論されたりしたことは一度もありませんが、それでもパフォーマンス上の大きな問題のようです。すべてはコード自体の最適化に関するものであり、もちろんそれは良いことですが、ユーザーが「unjQueryedContent」のフラッシュを見るほど実行が長時間遅れると無駄になります。

これがより頻繁に議論/推奨されない理由はありますか?

次のように、Dom 要素が初期化されるたびに発生するイベントが必要です。

HTML

Javascript

私はもう試した：

編集： ajaxによって挿入された要素に対してそれを行うことに興味があります。例えば：

ここでフィドル：http://jsfiddle.net/nf8CP/

私が行った場合...

また...

...これを実行しているページにiframeがある場合、関数はiframeがコンテンツをロードするまで実行されません。

これは、これらのdomready関数が機能するはずだと私が思った方法ではありません。特に、画像やiframeなどが読み込まれるまで待たないと思いました。

誰かが私を啓発できますか？iframeを待たずに使用できるdomreadyアプローチはありますか？

ありがとう

私はbackbone.jsを使用してシングルページアプリを作成しています。私はバックボーンに慣れていないので、間違ったセマンティクスは許してください。

私の問題は、ビューをレンダリングするときです。

最初に、いくつかのdom操作（画像スライダー）を実行するjavascriptがindex.htmlにあります。

JSは$（window）.load（）でラップされているため、開始時にすべて問題ありません。ページがURLからロードされない限り、コードは明らかに実行されません。コードはバックボーンビューまたはルーターからは実行されません。したがって、ページはdom操作なしでロードされます。

ビューのレンダリングおよび初期化関数にコードを挿入しようとしましたが、役に立ちませんでした。このコードをルーターに追加する必要がありますか？それはちょっとしたハックのようです。

「domready」コードはどこに含める必要がありますか？および/またはバックボーンのロード時にビューとそのdom要素を管理するためのより良い方法はありますか？

コード：

home.js

Jqueryにはreadyメソッドがあります：

dom の準備ができたらコードを実行します。

</body>すべてのスクリプトを の後に置くと、質問があります。

まだ書く必要があります$(document).ready()か？ドムはすでにready後</body>ですか？

jQuery Ready イベント ロジック:

「スクリプトが準備を遅らせる機会を与えるために非同期で処理する」というコメントについて説明していただけますか。

どのスクリプトがわかりません。また、なぜready を遅らせる必要があるのですか?

このエラーをどのように解釈しますか?

キャッチされないエラー: モジュールの読み込みタイムアウト: domReady!_unnormalized2,domReady!_unnormalized3,domReady!

私はrequirejs 2.1.2とdomReady 2.0.1を使用しています。常に発生するわけではなく、どうやら Chrome でのみ発生するようです (IE および firefox では正常に動作します)。

デフォルトの読み込み時間を次のように増やしました。

require.config({waitSeconds: 90});

しかし、それは失敗し続けます。

何か案は？助けていただければ幸いです

1.htmlと2.htmlの 2 つの HTML ファイルがあります。

• 1はメインページで、 2を ajaxでロードし、そのコンテンツを に詰め込みますdiv。
• 1には、 A、B、およびCの3 つのスクリプト ブロックがあります。
  • $(document).ready()ブロックBのは、ブロックCの関数を呼び出します。
  • エラーはありません。
• 2には、 P、Q、およびRの 3つのスクリプト ブロックがあります。
  • $(document).ready()ブロック内のQは、ブロックR内の関数を呼び出します。
  • エラーが発生します。

一部の Javascript が ajax を介して読み込まれると、同じファイル内で後で (前ではなく) 現れるスクリプト ブロック内の関数を呼び出すことができないようです。なんで？これは予想される動作ですか？

ソースコード

1.html

2.html

出力

、、、、、と警告し、Aエラーメッセージを表示します。BCPQ

エラーメッセージ

オペラ 12.11:

未処理のエラー: 未定義の変数: R

クロム 23.0.1271.97 m:

Uncaught ReferenceError: R が定義されていません

IE9:

SCRIPT5007: プロパティ 'R' の値が null または未定義であり、Function オブジェクトではありません

私はmanifest.jsonファイルに次のコードを書きました：

そして私はpops.htmlに次のコードを書きました

そして、popup.jsのコードは次のとおりです。

ここで問題となるのは、ログインボタンをクリックするたびにJavaScriptが実行されないため、「動作しています」というメッセージが表示されないことです。私はここで何を逃しましたか？

dom と css の準備ができたときに JavaScript を実行したいのですが、画像は気にしません (画像を遅延ロードする傾向があります)。

dom の準備完了ステータスを検出する方法は知っていますが、css の準備ができていることを検出する方法はありますか?