javascript - JQuery load() 在加载图像之前触发

Question

我想更改图像的 src 属性，然后读取新图像的宽度。不幸的是，JQuery load() 函数似乎在加载图像和设置宽度之前触发。您知道如何解决吗？

function buildLoad(rc){
	alert(rc.width());
}

var rc = $('img.myimg');
rc.attr({'src':'https://imagizer.imageshack.us/v2/379x674q90/661/Nt07gm.jpg?'+Math.random()});
rc.load(buildLoad(rc));

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

Answer 1

尝试onload事件

$(document).ready(function(){
    
    var rc = $('img.myimg');
    rc.load(function(e){

        console.log("Height:" + e.currentTarget.height, "Width:" + e.currentTarget.width)

    });
    
    rc.attr({'src':'https://imagizer.imageshack.us/v2/379x674q90/661/Nt07gm.jpg?'+Math.random()});
    
});

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