图像源更改后的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，因此无论何时加载新图像都会触发。