image の遅延ロードが Chrome だけ動作しない

Question

jQuery( '<img/>', { 'src' : newImage } ).appendTo( parent );

のように、画像を遅延ロードしているのですが、Chrome だけ、表示してくれません。

何とかならないでしょうか。

因みに、シークレットモードだと大丈夫なのですが

クッキーがつかえないうえ、シークレットモードを強要することになるので、避けたいです。

Answer 1

jQuery( '<img/>', { 'src' : newImage } ).appendTo( parent );

Google Chrome 46.0.2490.86 m で jQuery( '<img/>', { 'src' : newImage } ) は期待通りに動作しました。
jsfiddle に実証コードをUP済。

• Edit fiddle - JSFiddle

質問文に書かれていない部分に原因がありそうです。

Re: yuux01さん

Answer 2

jQueryは簡素に様々な処理を実現できるだけではなく、
ブラウザ間の差異を吸収してくれる側面もあります。
その部分だけとりだしてChromeだけ動かないということはないかと思いますが…

実際にChromeで確認したところ、
他のノードを含む要素を作る時、その要素のみのノードを作るときでは挙動が違うようです。
（下記はChromeのコンソールで確認しました。）

jQuery('<p>hoge</p>', {class: 'piko'}); // [<p>​hoge​</p>​]
jQuery('<p>hoge</p>').attr({class: 'piko'}); // [<p class=​"piko">​hoge​</p>​]

newImage = 'item.jpg';
jQuery('<img/>', {'src': newImage}); // [<img src=​"item.jpg">​]
jQuery('<img/>').attr({'src': newImage}); // [<img src=​"item.jpg">​]
jQuery('<img>', {'src': newImage}); // [<img src=​"item.jpg">​]
jQuery('<img>dummy</img>', {'src': newImage}); // [<img>​, "dummy"]

いずれにせよ、質問内容のソースコードは動きますので、
他の何かを疑ってみてはどうでしょう？
例えば画像のURLが認証しないと取得出来ないとか、HTTPとHTTPSで違う画像を取得しようとしていたとか…

---

修正：該当の現象が起きる条件を追記

Comments

[yuux01]

ご回答ありがとうございます。

まとめてのご返答で申し訳ありません。

お二方のおっしゃる通り、特に問題はなく、PCを再起動したら直りました。

ありがとうございました。