質問: "書き換え"; $("#kakikae1").html(img); $("#kakikae2").html(text); } ``` とした場合に"後から表示する画像.png"が表示されず、"常に表示する画像"とtextだけ表示されてしまいます。 時々問題なく表示されたりもします。 また、更新ボタンを何度か押したり、ウィンドウサイズを変更すると再読込が入って表示されるようになります。 DOMを書き換えたあとにimgタグを全て参照して、load後にtextを読ませるようにしたら表示されるかと思ったのですが、挙動しては何も変わらずでした。 ``` $("#kakikae1").html(img); $('img').bind('load', function() { console.log("COUNT"); $("#kakikae2").html(text); } ``` console.logには、 表示されるときは3回(DOMで書き換えたIMGの個数分が加算されていると推測しています) 表示されない時は2回ログが出てきます。 imgもDOM書き換えで設定しなければならないのですが、 こちらをうまく表示させるためにはどのような処理を行えばよいでしょうか? ご教示お願い致します。
回答: とりあえず > > > > > > > ↓↓↓ ``` ``` とした上でquestion.jsをこうしてみてください ``` $(function(){ var img = ""; var text = "書き換え"; $("#kakikae1").html(img); $("#kakikae2").html(text); }); ``` そもそも後から表示する画像.pngのsrcのパスが正しいかどうかは別の話 (開発環境でconsoleを確認してみてください)