当IMG.SRC改变时，jQuery Load（）导致无限循环

Question

我有这样的功能：

$('img#foo').load(function(){
    // do something
    $(this).attr('src',newsrcurl) ;
}) ;

SRC更改导致重新调用加载函数，因此无限循环！

如何停止加载绑定？

Answer 1

在设置之前，只需检查URL是否实际更改：

if ($(this).attr('src') !== newsrcurl) {
   $(this).attr('src', newsrcurl) ;
}

Answer 2

使用.one()附加'load'处理程序将确保它只触发一次。

$('img#foo').one('load', function(){
    // do something
    $(this).attr('src',newsrcurl) ;
}) ;