画像の読み込み：JavaScriptのオンロードとイメージ::完全な（Firefox 3の）

Question

JavaScriptのImageオブジェクトにイメージをロードするとき、私はloadイベントが画像iのためにトリガされると、その後、i.completeはtrueあるべき、ということを前提となります。それは起こっていないか、私のjQuery/JavaScriptコードにバグがあります（おそらく私には疑わしい）。

コード（道ストリップダウンが、私はどのような関連性があることはここにあることをかなり確信しています）

$img = $('<img />'); // This line added by edit for clarification 
var eventData = { 
     sheet: this, 
     resolution: resolution, 
     i: i, 
    }; 

$img.bind('load', eventData, onTileLoad); 
$img.attr('src', tile.src); 

onTileLoad = function(ev) { 
    var sheet = ev.data.sheet; 
    var resolution = ev.data.resolution; 
    var i = ev.data.i; 

    if (!this.complete) { 
     console.log('Image load not complete: sheet ' + sheet.sheetName + 
       ', resolution ' + resolution + ' tile ' + i) 
    }; 

    .... 
}; 

このコンソールログには、いくつかのトリガーが、ほとんど、私の画像を決して。私はそれが決して誘発すべきではないと思います。それは価値があるため、私はFireFox 3.6.18で作業しています（非常に安定しており、優れた開発ツールがあるためです）。

何が起こっているのでしょうか？

Answer 1

$imgは？ onTileLoad関数で

は、 this $imgを指します。 $imgがjQueryオブジェクト（そのように見える）の場合、 completeプロパティはありません。 completeプロパティはDOMオブジェクトでのみ設定されます。

これを見てくださいtest case。

希望これは、先にすべてのこの `VAR $ IMG = $（ ''）の

乾杯申し訳