javascript - jQuery Load（）は、IMG.SRCの変更時に無限ループを引き起こします

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

'load'ハンドラーをにアタッチする.one()と、1回だけ起動するようになります。

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