使用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); 
    } 
});