2017-02-04 3 views
1

私のウェブサイトにある無効な画像のうち、srcを置き換えたいです。動的コンテンツのエラーイベント時にimg?

あり、私のサイトに動的なコンテンツの多くはあるので、私はこの単純なコードを思い付いた:

$(document).on("error", "img", function (e) { 
    var $element = $(e.currentTarget); 
    $element.attr("src", "images/oops.png"); 
}); 

それはしかし呼び出されません。この同じ方法は、クリックイベント(および他の多くのタイプのイベント)に対しても機能します。これは動作するはずです

+0

それは大丈夫です..どのように呼び出されないことを確認しますか? –

+0

@Blaを再確認するために 'alert'または' console.log'を使ってみてください...私はチェックを2倍にしました。呼び出されない:| – Wyatt

答えて

0

(それは私のために働く; D)

jQuery("<img />") 
     .on('load', function() { 
      //this are correct 
     }) 
     .on('error', function() { 
      //here the error 
     }) 
     .attr("src", urlToComprobate); 

あなたはjsfiddleにそれを試すことができます:あなたは(jQuery("<img />")付き)DOMイメージを作成するときhttps://jsfiddle.net/87wkf0cc/

は空であり、ときに力ロード(attr)は、URLが存在するかどうかを確認できます

関連する問題