jqueryの変数のスコープ

Question

私はjqueryの中にこのコードを持っている：

var ratio; 
$("<img/>").attr("src", $(img).attr("src")).load(function() { 
ratio = this.width/this.height; 
    alert(ratio); 
}); 

これは正しい比率をretunsが、私はこの

var ratio; 
$("<img/>").attr("src", $(img).attr("src")).load(function() { 
ratio = this.width/this.height;   
}); 
alert(ratio); 

をしようとすると、それは未定義を返します。

私はratio変数をグローバルに宣言したにもかかわらず、なぜこれが起こるのか分かりません。

私は、次のexempleでこれを使用します。

がhttp://jsfiddle.net/7sUAY/6/

を働いていないhttp://jsfiddle.net/7sUAY/5/

を作業にのみ、内部ratioに値を割り当てる、 Mugur

Answer 1

をありがとうコールバック（ロード関数に渡されます）。このコールバックは、イメージがロードされたときに行われます。 ratioが警告されてからratioが未定義のままになる前には作成されません。

here for the load methodを参照してください。

Answer 2

これは、​​メソッドに時間がかかるためです。あなたのアラートは、イメージが読み込まれたよりも速く実行されます。