bind onerror mit dynamisch erzeugten Bild-Tag in jquery

Question

ich versuche, den onerror von img mit einer Funktion zu binden. Image-Tag wird, wie dies in Jquery erstellt

this._img1 = $("<img>"); 

ist dies die Funktion

function imgError(image) { 
    image.onerror = ""; 
    image.src = '/Content/img/placeholder-profile.jpg'; 
    return true; 
} 

jetzt ich diese Funktion binden möchten mit onerror ... habe ich versucht, folgende Dinge und sie nicht funktionieren für me

this._img1.on("onError", "imgError(" + this._img1 + ")"); 

und

this._img1.prop("onError", "imgError(this)"); 

und

this._img1.error(function() { 
    _img1.src = '/Content/img/placeholder-profile.jpg'; 
}); 

kann mir jemand empfehlen, wie ich es erreichen kann?

Answer 1

können Sie diese Funktion einfach mit .error() von jquery erreichen. Binden Sie einen Ereignishandler an das JavaScript-Ereignis "error".

Type: Function(Event eventObject) 

Eine Funktion, die ausgeführt wird, wenn das Ereignis ausgelöst wird.

Das Fehlerereignis wird an Elemente wie Bilder gesendet, auf die von einem Dokument verwiesen wird und die vom Browser geladen werden. Es wird aufgerufen, wenn das Element nicht korrekt geladen wurde.

Betrachten wir zum Beispiel eine Seite mit einem einfachen Bildelement:

<img alt="Book" id="book"> 

Der Event-Handler kann das Bild gebunden sein

$("#book") 
    .error(function() { 
    alert("Handler for .error() called.") 
    }) 
    .attr("src", "missing.png"); 

Wenn das Bild nicht (zum Beispiel geladen werden kann, Da es an der angegebenen URL nicht vorhanden ist) wird die Warnung angezeigt:

Handler für .error() aufgerufen.