单击按钮时出错：未捕获RangeError：超出最大调用堆栈大小

Question

我的jquery脚本有问题。我的网站上有大约100个按钮，可以在点击时更改图像。点击3-4次后，我收到一个错误： 未捕获RangeError：超出最大调用堆栈大小

这是脚本：

$('body').on('click', '.product_overview .design', function(){
    if(!$(this).hasClass('active')){
        var id = $(this).attr('rel');
        var design = $(this).attr('data');

        $(\".product_overview .designs[rel='\"+id+\"'] .design\").removeClass('active');
           $(this).addClass('active');

          $(\".product_overview .prodimg[rel='\"+id+\"'] img\").hide();

          var path = '/overview/'+id+'-'+design+'.jpg';

          var f = $('.product_overview .prodimg[rel=\"'+id+'\"] img').attr('src', path).load(function() {
            $('.product_overview .prodimg[rel=\"'+id+'\"] img').attr('src', f.attr('src'));
            $('.product_overview .prodimg[rel=\"'+id+'\"] img').fadeIn();

        });
    }
});

编辑：我发现错误：

var f = $('<img />').attr('src', path).load(function() {...

做到了......