使用jQuery切换徽标

Question

我正在使用Divi WordPress主题，在向下滚动的同时将类.et-fixed-header添加到#main-header。在标题中有我想在有.et-fixed-header类时改变的标志。

这里是我的jQuery：

$(document).scroll(function() { 
    if ($('#main-header').hasClass('et-fixed-header')) { 
     $('#logo').attr('src', 'new-img.png'); 
    } 


}); 

我的问题是，如何让这默认标志时，有在#main-header没有.et-fixed-header。当我向下滚动时，我的代码正在替换徽标，但当我向上滚动或换句话说，#main-header中没有这种类.et-fixed-header时，它不会转到默认徽标。我知道我需要放置else声明，但不确定代码。任何帮助将是欣赏。

编辑

的标志是通过主题选项上传的，而不是由用户

Answer 1

原来的标志设置为一个js变量手动放置，然后你就会把它切换回时#main-header失去了.et-fixed-header班。

var origImage = ''; 
$(document).scroll(function() { 
    if($('#logo').attr('src') != 'new-img.png') { 
     origImage = $('#logo').attr('src') 
    } 
    if ($('#main-header').hasClass('et-fixed-header')) { 
     $('#logo').attr('src', 'new-img.png'); 
    } 
    else { 
     $('#logo').attr('src', origImage); 
    } 
});