タグ付けされた質問 「document-ready」

8
$(document).ready shorthand
次の省略形$(document).readyですか? (function($){ //some code })(jQuery); このパターンが頻繁に使用されているのを確認しましたが、それに対する参照を見つけることができません。の省略形である場合$(document).ready()、機能しない特別な理由はありますか?私のテストでは、readyイベントの前に常に起動するようです。

15
ng-repeat終了イベント
テーブルでdivをターゲットとするjQuery関数を呼び出したいのですが。そのテーブルにはが入力されng-repeatます。 私がそれを呼び出すとき $(document).ready() 結果はありません。 また $scope.$on('$viewContentLoaded', myFunc); 助けにはならない。 ng-repeatポピュレーションが完了した直後に関数を実行する方法はありますか?customの使用に関するアドバイスを読みましたが、directiveng-repeatと私のdivでそれを使用する方法がわかりません...

6
domのレンダリングが終了した後でディレクティブを実行するにはどうすればよいですか?
(Angular JSのドキュメントを読むことで)明らかな解決策がない一見単純な問題があります。 DOM内のコンテナーの高さを定義するために、他のDOM要素の高さに基づいていくつかの計算を行うAngular JSディレクティブがあります。 これと同様のことがディレクティブ内で行われています。 return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } 問題は、ディレクティブが実行さ$('site-header')れると見つからず、必要なjQueryでラップされたDOM要素の代わりに空の配列を返すことです。 DOMが読み込まれた後にのみ実行され、通常のjQueryセレクタースタイルのクエリを介して他のDOM要素にアクセスできるディレクティブ内で使用できるコールバックはありますか?

5
$(document).readyは必要ですか?
私はこの質問をスタックオーバーフローで見ましたが、まったく答えられたとは感じていません。 である$(document).ready必要? 私はすべてのJavaScriptをページの下部にリンクしているので、理論的には、いずれにしてもドキュメントの準備ができてから実行されます。

8
いつjQueryのdocument.ready関数を使用すればよいですか?
私が最初にJavascript / jQueryを使い始めたとき、document.readyを使うように言われましたが、その理由を本当に知りませんでした。 誰かがjavascript / jqueryコードをjQueryの中にラップするのが理にかなっているときについていくつかの基本的なガイドラインを提供するかもしれdocument.readyませんか? 興味のあるトピック: jQueryの.on()メソッド:.on()AJAX のメソッドをかなり使用しています(通常、動的に作成されたDOM要素に対して)。必要がある.on()クリックハンドラは常になる内部 document.ready? パフォーマンス:さまざまなjavascript / jQueryオブジェクトを document.readyの内部または外部に保持する方がパフォーマンスが高いですか(また、パフォーマンスの違いは重要ですか?)? オブジェクトスコープ:AJAXで読み込まれたページは、前のページのdocument.ready 内にあったオブジェクトにアクセスできません。よろしいですか?document.readyの外部にあるオブジェクト(つまり、本当に「グローバル」なオブジェクト)にのみアクセスできますか? 更新:ベストプラクティスに従うために、すべてのJavaScript(jQueryライブラリとアプリのコード)はHTMLページの下部にありdefer、AJAXでロードされたページでjQueryを含むスクリプトの属性を使用して、これらのページでjQueryライブラリにアクセスできます。

5
Requirejs domReadyプラグイン対Jquery $(document).ready()?
私はRequireJSを使用しており、DOM上で何かを初期化する必要があります。現在、RequireJSはdomReadyプラグインを提供していますが、jQueryがすでにあるので、jQuery $(document).ready()が必要になったため、これを利用できます。 だから私は2つのオプションを持っています: domReadyプラグインを使用します。 require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); 使用$(document).ready(): $(document).ready(function() { // Do my stuff here... }); どちらを選択する必要がありますか。その理由は何ですか。 どちらのオプションも期待どおりに動作するようです。RequireJSがその魔法をやっているので、jQueryのものには自信がありません。つまり、RequireJSはスクリプトを動的に追加するので、動的に要求されたすべてのスクリプトが読み込まれる前にDOMレディが発生するのではないかと心配しています。一方、RequireJSは、domReadyjQueryがすでに必要な場合にのみ、追加のJSに負担をかけます。 ご質問 domReadyjQueryを使用できるのに、なぜRequireJSがプラグインを提供するの$(document).ready();ですか?別の依存関係を含めることの利点はありません。 ニーズを満たすだけの場合は、クロスブラウザAJAXに提供してみませんか? 私の知る限りでは、必要なモジュールdomReadyは、ドキュメントの準備が整った後にフェッチまたは実行されることはなく、jQueryを必要とする同じことを行うこともできます。 require(['jQuery'], function ($) { $(document).ready(function () { // Do my stuff here... }); }); :私の質問に、より明確にするために必要と違い何domReadyかがjQuery?

6
「$()。ready(handler)」が推奨されないのはなぜですか?
以下からのjQuery APIドキュメントサイトについてready 次の3つの構文はすべて同等です。 $(document).ready(handler) $()。ready(handler)(これは推奨されません) $(ハンドラ) 宿題- ソースコードを読んで遊んだ後、なぜなのかわからない $().ready(handler) 推奨されません。1番目と3番目の方法はまったく同じです。3番目のオプションは、キャッシュされたjQueryオブジェクトのready関数を次のように呼び出しますdocument。 rootjQuery = jQuery(document); ... ... // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } しかし、ready関数は、選択したノード要素のセレクターと相互作用しません。readyソースコード: ready: function( fn ) { // Attach the listeners jQuery.bindReady(); // Add …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.