Почему я получаю два разных значения в разных браузерах?

Question

Я написал этот код:

var i = new Image() 
 
i.src = 'http://img1.vued.vanthink.cn/vudeaW1naW4wOjExOjA5MjM5OjQ1.jpeg'; 
 
i.onload = function() { 
 
    // i.width = 1024; 
 
    $(i).css('width',1025/2); $('body').append(i); 
 
    alert(i.width); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Когда я бегу, что (например, в Дев инструментов), я получаю 150 в Safari, но 513 в Chrome:

Почему?

Answer 1

кажется, что с помощью JQuery для подключения события OnLoad, делает это, как вы ожидаете

var i = new Image() 
 
$(i).css('width',1024/2); 
 
$('body').append(i) 
 
$(i).load(function() 
 
{ 
 
    alert($(i).width());  
 
}); 
 
i.src="55141873_46dbf53454_o.jpg";