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); 

它返回未定義。

我不明白爲什麼會發生這種情況，即使我已經在全局聲明比率變量。

我用這個在以下爲例：

工作http://jsfiddle.net/7sUAY/5/

不工作http://jsfiddle.net/7sUAY/6/

謝謝 Mugur

Answer 1

你只值賦給ratio內一個回調（傳遞給加載函數）。這個回調將在圖片加載完成後進行。在ratio處於提醒狀態，因此ratio保持未定義狀態之前，不會發生此情況。

請參閱here for the load method文檔。

Answer 2

這是因爲​​方法需要更多時間。您的警報執行速度比圖片加載速度快。