jquery - 图像源更改后的 jQuery 调用函数

Question

我有一个拇指列表和一个大图像的大区域。如果我单击每个拇指，则大图像的来源会根据单击的拇指而变化。

我还有一个调整大区域内图像大小的功能

$('#thumbImg').click(function(){
  var newSrc = $(this).attr('src');             
  $('#bigArea img').attr('src',newSrc);
  resizeImage();
});

我可以进入该功能，因为我有一个警报，并且每次单击拇指时都会显示它。但我认为问题在于该函数读取了前一张图像的宽度和高度。有什么办法可以在图像更改后调用该函数？

谢谢大家

Answer 1

将函数绑定为.load()处理程序。

$('#thumbImg').click(function() {

    var newSrc = $(this).attr('src'); 

    $('#bigArea img').one('load', resizeImage).attr('src',newSrc);

});

编辑：更改为使用.one，以便在单击/加载后删除处理程序。我认为您也可以将处理程序绑定到#bigArea img最初的处理程序，因此每当加载新图像时它都会触发。