jquery变量范围

Question

我在 jquery 中有这段代码：

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

这会重新调整正确的比例，但是当我尝试这个时

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

它返回未定义。

我不明白为什么会发生这种情况，即使我已经全局声明了 ratio 变量。

我在下面的例子中使用它：

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

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

谢谢你， 穆古尔

Answer 1

您只能在回调中为ratio 赋值（传递给加载函数）。该回调将在图像加载后进行。它不会在ratio 被警告之前生成，因此ratio 仍然未定义。

请参阅here for the load method 文档。

Answer 2

这是因为.load() 方法需要更多时间。您的警报执行速度比图像加载速度快。