jquery - html（）メソッドを使用して画像を表示しますか？

Question

テキストと画像を含むオブジェクトがあります。その画像を表示したいのですが、この画像が利用できない場合は、デフォルトの画像が表示されます。

そのような構文：

$('#MyPlace').html(object.toRender());

これどうやってするの？

Answer 1

あなたはこれを試すことができます。

$('#MyPlace img').error(function () {
  $(this).unbind("error").prop("src", 'default image path');
});

Answer 2

jQueryの.loadイベントと.errorイベントを使用できます。次のjsFiddleの例を参照してください。

マークアップ

<img src="http://cdn.dreamincode.net/home/images/monthlygiveaway.gif"></img>

<span id="result"></span>​

jQuery

$("img")
    .load(function() {
        $("#result").text("loaded");
    })
    .error(function() {
        $("#result").text("not loaded");
    });
​