图片加载失败后的处理

$(".headImg img"). error(function() {

  $(".headImg img").attr("src", "images/defaultHead.jpg");//加载默认图片
  $(".headImg img"). error(null); //防止死循环
 })

$("#serverItems img").error(function() {
  var itemIndex = $(this.parentNode.parentNode).index();
  console.log(itemIndex);
  $("#serverItems .schoolDiv:eq(" + itemIndex + ") img"). remove();
  $("#serverItems .schoolDiv:eq(" + itemIndex + ")"). append(results[itemIndex].school);//图片替换为文本布局

//img的alt属性也可以显示图片加载失败后的文字，但会有小的 错误时默认图片标识存在
 })

多种error写法：

1、<img id="head-img" src="a.jpg" onerror="alert('a');">

2、<img id="head-img" src="a.jpg" οnerrοr="A();">
function A(){alert('a');}

3、document.getElementById("head-img").src = "a.jpg";
document.getElementById("head-img"). onerror = function(){alert('a');};

4、$('#head-img').attr("src","a.jpg");
$('#head-img'). error(function() {
    alert('a');
   })