javascript – 当为img加载新的src时,jquery没有在403上触发错误事件

我正在尝试制作一个包含静态Google地图的网页.调整页面大小时,我会动态更改地图.我在一个函数中有以下代码,该函数在页面调整大小时触发,并在检查页面上元素的大小匹配后定期：

if (imageDownloadEnabled) {
   url = 'http://maps.googleapis.com/maps/api/staticmap?center=' + userLat + ',' + userLng + '&zoom=14&size=' + ((theWidth/2)|0) + 'x'+ ((theHeight/2)|0) + '&sensor=false&scale=2';
   newImage = $('<img />');
   console.log('Retrieving map from ' + url);

   newImage.error( function() { 
      console.log("error loading image");
      imageDownloadEnabled = false;
   }).load(function(eventObject) {
      console.log("done loading image");
      console.dir(eventObject);
      $('#maps-image').replaceWith(newImagE);
      newImage.attr('id','maps-image');
   }).attr('src',url);
/**/
} else {
   console.log('disabled');
}

当谷歌地图api超载(此刻发生因为我的一个错误导致无限循环)我得到403错误和替代图像.但是没有调用错误事件处理程序.

有没有办法解决？我想确保在403的情况下,该页面停止向Google请求新图像.

.load($url,function(responseText,textStatus,XMLhttprequest) {
    if(textStatus=="error") {
        //do something
    }
});