問題タブ [document-ready]

jQueryとjFancyTilesを使用して小さな画像スライドショーを作成しました。これは次の場所で確認できます。

http://www.netzwerkag.at

FirefoxとIEでは期待どおりに機能しますが、鉄/クロムでは機能しません。問題は、document.readyのクロムでのタイミングにあるようです。

• 76行目では、アクティブなクラスがヘッダー画像の右下隅にある番号付きの丸ボタンに設定されています。これはうまくいきます！

• 83行目では、fancy-tile-functionを呼び出すことで画像が変更されています。これは、少なくとも現時点では、クロムでは機能しません。

ctrl-shift-jを介してiron_js_consoleを開き、手動で関数を呼び出すと、すべてが機能します。

さらに、10秒間待つと、次の画像に進みます。すべてのブラウザで、前のアクションは必要ありません。

ファンシータイルへの最初の呼び出しは、鉄/クロムでは機能しません。これは、jqueryのdocument.readyイベントで呼び出されます。

//私に何ができる？

クリックと他のメソッドがバインドされたいくつかの要素を含む custom.js ファイルがあります。ファイル全体が document.ready() にカプセル化され、すべてが機能します。ただし、AJAX の投稿を行うと、現在のページに対して document.ready() が再び起動されることはありません。とにかく document.ready() を再び起動させることができますか、それとも名前付き関数のすべてを create.js.erb から呼び出す必要がありますか?

ajaxナビゲーションページでは、初期化javascriptを実行するための従来の「ドキュメント対応」フォームは単に起動しません。

ajaxがロードされたページでコードを実行する正しい方法は何ですか？

（つまり、私のajaxではありません...そのページに移動するのはjqueryモバイルページナビゲーションシステムです）

わかりました、私はそのような何かを疑っていました...どうもありがとう=）しかし...それはまだ機能しません、ここに私のコードがあります：

div idを指定する必要がありますか？

私は、yepnope スクリプト ローダーを modernizr.js ライブラリの一部として実装しています。その後、jQueryをロードし、jQueryに依存するスクリプトを正常に取得しました。私はリソースの非同期ロードに慣れていないので、少し新しいです。私は周りを探していましたが、次のことはあまりうまくいきませんでした。

私の質問は、yepnope.js フレームワークで作業するときに $(document).ready() の機能を効果的に置き換える方法についてのあなたの意見です。

私の理論は、ベース ライブラリに適切な名前の関数を作成し、その変数を既存の $(document).read() コードを含む無名関数に設定するというものでした。この変数は、すべてのスクリプトが完全なコールバックにロードされた後、yepnope によって呼び出されます。

これが良い方法であることに同意しますか、それとも私はこれに完全に間違った方法でアプローチしていますか?

(ご存じない方のために説明すると、yepnope.js の非同期性は、ドキュメントが yepnope ローダーが終了する前に $ または jQuery を呼び出し、「$ is undefined」エラーをスローすることを意味します <- 間違っている場合は修正してください。)

最初の質問です。良い質問であることを願っています。

私はjQueryを使用しており、頭から呼び出された外部Javascriptファイルには次のものがあります:

ページの下部で、document.ready を使用して新しいセクションを開始しますが、localDb変数にもupdateLocalStorage関数にもアクセスできません。

「Uncaught ReferenceError: updateLocalStorage が定義されていません」というエラーが表示されます。なぜこれが起こっているのですか? また、以前に定義された関数にアクセスするにはどうすればよいですか?

There is a jQuery quiz posted on the W3Schools site here...

http://www.w3schools.com/quiztest/quiztest.asp?qtest=jQuery

Question #16 is as follows,

Which jQuery function is used to prevent code from running, before the document is finished loading?

A. $(document).load()

B. $(document).ready()

C. $(body).onload()

I got it wrong by picking answer A. (their official answer is B.)

I answered it, thinking that I knew the following,

1. document.load fires after everything on the page loads including all images

2. document.ready fires only after the DOM is loaded (not necessarily all the images have been loaded)

I interpreted the original question's wording of, "document is finished loading", to include everything (with all the images). After all, I thought that's why they called it "document.load". Also for their answer to be correct, you'd have to conclude that "DOM" is the equivalent to "document". This does not seem right otherwise why call it "document object model" (DOM) instead of just "document"?

Despite the W3School claim that B is the correct answer, what is really the correct answer?

Thank-you for your thoughts.

Sidenote: Quoting my own comments in my other related question...

"I actually learn most of my jQuery over at the jQuery site and come search here at StackOverflow when I get stuck. I was mostly playing around with the quiz at W3School because I was investigating their "prerequisites" for jQuery Certification. I don't consider myself to be a jQuery expert but I easily scored 95% (19/20) on their quiz. Seeing the improper wording in that answer, I figured I'd confirm what I already suspected by posting here. My opinions on these kinds of certifications are now shifting."

EDIT:

I notified the W3Schools of the existence of this thread.

EDIT 2:

When I answered the original quiz question, I was thinking of $(window).load(), therefore my quiz answer was clearly incorrect. I believe this fact leaves none of the three multiple choice options as the correct answer. See my detailed answer below.

私のプロジェクトの1つをデバッグすると、別の開発者が$(document).ready()関数を変更して、それ自体の内部にクロージャを生成していることに気付きました。EG$(document).ready(function($) { });これを行うポイントと、その使用法について興味があります。

注：関数からを削除すると$、コードが再び機能します。$(document).ready(function() { })

元の/固定コード

変更された/壊れたコード

変更されたコードは、FireBugでエラーを生成し、呼び出していたカスタムプラグイン関数が存在しないことを示していました。これは、$引数がそれを使用しようとしているjQuery関数のいずれかをオーバーライドまたは競合しているためだと思います。

なぜ誰かがこれを変更したのかについて私は本当に混乱しています。現在のコンテキストでは、そのプラグイン呼び出しがページ上の唯一のjavascriptであるため、意味がありません。

なぜこれを使用するのか、そしておそらくその使用例を誰かが私に説明できますか？

編集

以下は私のカスタムプラグインのコードです。また、上記の例を変更して、それをどのように呼んでいるかを表示します。

誰かが答えてくれることを願っている小さな質問です。

さまざまなサイトでコンテンツ操作をテストするために、この個人用の chrome 拡張機能を作成しています。これらのサイトの 1 つで、既存<img>のイメージを別のイメージに置き換え、その jqueryreplaceWith()関数を$(document).ready()関数にラップするだけです。

ただし、ページに移動すると、元の画像が入れ替わる前の一瞬だけ見ることができます。

画像の入れ替えが完了するまでページの読み込みを止める方法はありますか?

次のjQueryスニペットの最終結果は同じですか？

スニペット1：

スニペット2：

言い換えれば、は$(function(){})単にの省略形$(document).ready(function() { });ですか？

私が尋ねている理由は、jQueryとjQueryUIを使用して構築した小さなアプリケーションでいくつかの奇妙な問題が発生しているためです。場合によっては、ボタンをクリックしてフォーム送信アクションを実行すると、ブラウザウィンドウがフリーズすることがあります。基になるブラウザウィンドウ（ポップアップを起動するウィンドウ）は、そこでいくつかのアクションを実行するまで引き続き使用できます。ユーザーは、ブラウザー（Internet Explorer、明らかに）を強制的に閉じることによってのみ続行できます。これはAcrobatPDFプラグインに関連していると思われますが、同様の動作を示すように見えるこの問題を見つけたため、ここですべての角度を確認しています。

自己実行関数に含まれる jQuery 拡張機能を作成しています。

私のテストページには、

なぜこれが起こるのですか？jQueryオブジェクトを上書きする可能性のあるスクリプトや jQuery プラグインは他にありません。

jQueryドキュメントの準備ができた後、jQuery ソース自体のどのコードがオブジェクトを上書きするかを見つけることができませんでした。何か案は？

jQuery.supportこれを回避する方法がない場合、ドキュメントの準備ができた後もアクセスできるオブジェクトに新しいプロパティを定義するための正しい手順は何でしょうか?

編集: jQuery ソースを誤って再評価したテスト コードの重要な部分を省略し、この問題が発生した理由を説明しました。以下の私の答えを見てください。