質問: ### 前提・実現したいこと jQueryでloadしたDOM要素へ、読み込み後にテキストを挿入したいと思っています。 ### 発生している問題・エラーメッセージ 挿入したいテキストが表示されません。 ### 該当のソースコード 1 外部ファイルからソースを読み込み ``` $("#incbox").load("inc.html #sample"); ※ が読み込まれます。 ``` 2 読み込み後にテキストを挿入 ``` $("#text").text("サンプルテキスト"); ``` ### 補足情報 1 は読み込まれていることを確認しています。 DOM で生成したものに挿入したいんですが、どうしたらいいかお教えいただきたいです。 よろしくお願い致します。
回答: おそらくですが、`#text`への書き込みのタイミングが早すぎて、まだロードされていないうちに実行されてしまうのが要因かと思います(`.load()`は**非同期で**実行されるので、次の行はロード前に動いてしまいます)。 `.load`は完了時のコールバックを取れますので、そこで実行しましょう。 ``` $("#incbox").load("inc.html #sample", function(text, status, xhr){ if(status !== 'success')return; $("#text").text("サンプルテキスト"); }); ```