图像高度使用jquery在chrome问题

前端之家收集整理的这篇文章主要介绍了图像高度使用jquery在chrome问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
$(‘img’).height()在chrome中返回0,但它返回IE和firefox中的实际高度.

在chrome中获取图像的高度的实际方法是什么?

解决方法

正如Josh所说,如果图像尚未完全加载,jQuery将不知道什么维度.尝试这样做,以确保您只有在图像完全加载后才尝试访问其尺寸:
var img = new Image();

$(img).load( function() {
    //-- you can determine the height before adding to the DOM
    alert("height: " + img.height);
    //-- or you can add it first...
    $('body').append(img);
    //-- and then check
    alert($('body img').height());
}).error( function() {
    //-- this will fire if the URL is invalid,or some other loading error occurs
    alert("DANGER!... DANGER!...");
});

$(img).attr('src',"http://sstatic.net/so/img/logo.png");

猜你在找的jQuery相关文章