問題タブ [document-ready]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - iframe.contentDocumentで使用するとjQuery.ready()は有効ですか?
簡単な質問 (タイトルに記載): でjQuery.ready()使用すると有効ですiframe.contentDocumentか?
そして複雑な質問:
CMS の入力フィールドにキーアップ イベントをフックする必要があるため、HTML を制御できず、スクリプトのみを制御できます。
入力は、別の iframe にネストされた iframe 内にあるため、トップ ウィンドウ (ブラウザ ウィンドウ)、iframe (iframe1 と呼びます)、およびその中に別の iframe (iframe2 と呼びます) があります。スクリプトと jQuery は<head>、上部ウィンドウのセクションにあります。
私はあまり好きではないsetTimeout/setIntervalので、最初は次のjQuery.ready()ように使用することを考えていました (iframe を選択するコードは省略しました)。
問題は、.ready()iframe1で起動するまでに確認できiframe1.contentDocument.body.innerHTML、空の文字列であることが判明することです。期待するものではありません。この結果、コードは keyup イベントのバインドに失敗します。
誰かが「正しいセレクター コンテキストを使用していますか?」と考えている場合: はい、正しいドキュメントで iframe 要素を選択しています (単純にしたかったので、上記のコードはこれを完全に例示していない場合があります)。同じオリジン ポリシーの問題もありません。すべての iframe と親ウィンドウは同じドメインにあります。
を使用$(window).load()すると動作するように見えますが、画像などがロードされるのを待つことは、アプリケーションにとって許容できないほど長い待ち時間になる可能性があります。
jQuery.ready()を使用せずにiframeで機能する機能を実現する方法はありjQuery.load()ますか?
jquery - document.readyがdocument.readyを意味しない場合
私はjQueryタブUIの以下の関数でいくつかのことを行っています-データ属性に従って画像を変更し、ランダムな引用符を引き出し、いくつかのdivを折りたたむ-すべてjQueryUIタブのタブ変更で。また、最初の関数で、CSSを介してレイアウトを変更しています。
問題は、ドキュメントレディが実際には機能しないことです。#hash URLを使用して別のページから[0]タブに戻ると、最初のバインドイベントがスキップされ、CSSは変更されません。
document.readyを実際に機能させる方法はありますか？そして、CSSを一貫して変更しますか？
javascript - $（document）.ready（）が完了した後に何かを起動するにはどうすればよいですか？
関数をキューのLASTとして呼び出す方法$(document).ready()はありますか、またはこれが完了したらイベントをトリガーする方法はありますか？
基本的に、何かが発砲されたかどうかを確認し、発砲され$(document).ready()ていない場合は、病棟の後で発砲したいと思います。このコードをドキュメントの準備ができた状態にすると、最後に実行される保証がないため、複数のチェックが行われる可能性があります。
javascript - $（document）.readyの省略形
次の略記は$(document).ready？
このパターンはよく使われているようですが、それへの参照を見つけることができません。の省略形である場合、それ$(document).ready()が機能しない可能性がある特別な理由はありますか？私のテストでは、準備完了イベントの前に常に起動するようです。
javascript - $(window).load() は機能するのに $(document).read() が機能しないのはなぜですか?
Rails 3 アプリを使用しており、並べ替え可能なリストを使用したいと考えています。ここに示す方法で作業しています。$(document).ready()私のアプリは JQuery を使用しており、私のアプリのレイアウトには、視覚的なものをセットアップするために呼び出す js ファイルが含まれています。それはうまくいっているようです。
ただし、並べ替え可能なリストを設定するため$(document).ready()にビュー テンプレートを呼び出そうとすると、そのコードは起動しません。レイアウト ファイルにcontent_for :javascript必要な呼び出しがあり、ページを読み込んでソースを見ると、すべて問題ないように見えます。yield :javascriptただし、コードは実行されません。つまり、このインスタンスは起動し$(document).ready()ません。
$(document).ready()と置き換えると$(window).load()、js コードが実行されることがわかりました。
だから私の質問は：なぜ$(document).ready()失敗して$(window).load()うまくいくのですか？
コード
これは機能します：
これは機能しません
レイアウトはこちら
jquery - $(document).ready(function() {内で関数を実行するjQuery
ここで何が間違っていますか？writeQuestionsオンロードで実行されないのはなぜですか(onclickではありません..)?
(この.one()行は私のコードではコメントアウトされています)
私がこれを行うとき：window.onload=writeQuestions;それは正常に動作します..
javascript - asp.netページで$（document）.ready（）を使用できますか？
上の画像のように$（document）.ready（）を使おうとするとエラーが発生します。この問題を解決するにはどうすればよいですか？
編集23/05/201110:54
手がかりがあります。私が作業しているページはマスターページから継承します
マスターページでは、このコードは機能しません。おそらく別のパスの問題です
このコードは機能しないようです
マスターページの本文にはスクリプトマネージャーがあり、jqueryがあります。これによりjQueryが機能します。これは、本文でscriptmanagerを使用しているため、document.readyが機能しないためです。
私は問題を見つけました。
問題は、jqueryコードがマスターページのスクリプトマネージャーにあり、スクリプトマネージャーがbodyタグ内にあることです。
document.readyは、マスターページを継承するページのヘッダータグにあるため、本体に出力するコードの前に、jqueryはまだ含まれておらず、エラーになっています。
これを解決する最も簡単な方法は、bodyタグの下部にあるjavascriptコードを移動する必要があることです。私がまだ見つけることができない解決する適切な方法は、ヘッダーにjavascriptインクルードコードを置くことです。しかし、私はまだうまくいく方法を見つけていません。私のマスターページと継承ページは別のパスにあります。私はそのような多くのテクニックを見つけましたが、どれもうまくいきません。
javascript - $(document).ready 外のスクリプト
クライアント用のサイトを構築しました。ユーザーがナビゲーション リンクをクリックすると、リンクされたページのコンテンツが動的に読み込まれ、新しいページが読み込まれる代わりに JQuery で遷移されます。
私が抱えている問題は、新しいページをロードしていないため、 $(document).ready が再び起動せず、個々のページの JS が壊れることです。たとえば、http://www.woodlandexotica.com/species.phpにアクセスするとページは正しく動作しますが、http://www.woodlandexotica.com/index_dev.phpからページに移動しようとすると、JS動作しません。
私は JS の専門家ではありません。
javascript - xsltで変数を渡した後、document.readyが起動しない
ご挨拶！私は状況を適切に説明するために質問を編集しました-
XMLファイルと2つのXSLTファイル、つまり、students.xml、studentinfo.xslt、courses.xsltがあります。
studentinfo.xsltは、jQueryタブを使用して情報を表示し、students.xmlをスタイル付きのhtmlドキュメントに変換します。ここでは問題ありません。これにより、変数（id）が2番目のxsltドキュメント（courses.xslt）に送信され、その特定のコースIDのコース情報が表示されます。
course.xsltは、studentinfo.xsltから送信されたコースIDの特定のコース情報を表示します。このhtmlドキュメントは、情報を表示するために、もう一度jQueryタブを使用しています。このxsltでは、ページがロードされたときにdocument.ready（）は起動せず、ページが更新されたときにのみトリガーされます。これはIEでのみ発生し、Firefoxでは問題ありません。
私は明らかにxmlを単純化し、名前を保持して、私が達成しようとしていることをより明確に理解できるようにしました。
適切に閉じられたスクリプトタグを使用し、スクリプトタグをページの下部に移動し、setTimeout変数を追加して、window.load（）関数を使用しないようにしました。
お時間を割いていただきありがとうございます！
ruby-on-rails-3 - $(document).ready() イベントが実行されていません
Rails 3 で jQuery を正しくロードしていますが、$(document).ready()イベントが実行されません。これは、$(document).ready();Google Chrome の Javascript コンソールを介して手動でコードを実行しようとしたところ、問題なく実行されたためです。
何が悪いのかさっぱりわからないので、StackOverFlowに聞いてみようと思いました
ERB/HTML の品質はまだ高くないことに注意してください。私はちょうどこれを学んでいます。
ERB は次のとおりです。
ERB によって出力された HTML は次のとおりです。