Image Replacement（JS/JQuery）はIEでは動作しますが、FFでは動作しません

Question

私は壊れた画像（JS & jQuery）を置き換えるために複数のソリューションを試しましたが、IEでは完全に動作しますが、FFではありません。

イメージはFFでこれとは異なる方法で処理されますか？

jQueryの例：

$("img").error(function(){ 
    $(this).unbind("error").attr("src", "nopic.jpg"); 
}); 

Javascriptの例：（IMGタグ内のonErrorイベントによってトリガ）

function noimage(img){ 
    img.onerror=""; 
    img.src="nopic.jpg"; 
    return true; } 

これらの例の両方はIEで完全に動作しますが、すべてではないFFです。何がありますか？

ありがとうございます！

Answer 1

あなたがローカルでテストしている、あなたは、ファイルのURLを指し示すことで、ありませんか？

ローカルサーバーであっても、実際のサーバーでテストを試してみてください。私はFirefoxがエラーをトリガするためにイメージGETから返されたHTTPステータスコードに依存していると信じています。 file：// ... URLからロードしている場合、サーバーは関与していないので、エラーは発生しません。 jQuery API docs for error()から

：

このイベントは正しくページがローカルで提供されたときに解雇することはできません。エラーは通常のHTTPステータスコードに依存しているため、URLがfile：プロトコルを使用している場合、通常はトリガーされません。

EDIT：我々はコメントで議論してきたように、これはいくつかの理由で、イントラネットサーバーは、の音によって、404（またはその他のエラーで欠落しているリソースに応答していないためであると思わ）

Firefoxはエラーを受け取らないので、エラーハンドラをトリガしません。これは正常な動作のようです。

あなたの問題はちょうど「私のサーバは欠落しているコンテンツの404エラーを返さない」と思っていますが、それを尋ねる前に証拠を収集するためにもう少し実験する必要があります。 SO ...）

Answer 2

errorハンドラーを先にバインドする必要があります。の前にイメージのsrcを設定してください。したがってsrcをHTMLに設定し、JavaScriptでバインドすることはできません。

あなた自身でこれを証明することができます：http://jsfiddle.net/4Wcnj/2/。

HTML：

<img width=500 id=img height=500 src="missing1"> 

はJavaScript：

// At this point, missing1 is having an error, but no handler set so far 

$("#img").error(function() { 
    alert("Missing: " + $(this).attr("src")); 
}); 

// The bind handler has been set, now if you set the src wrongly, you 
// get the alert 
$("img").attr("src", "missing2");