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");
    });
​