使用jQuery更改img src-檢查類更改

Question

我有一個導航欄，當我向下滾動時，它會更改類；當該類更改時，我正在嘗試更改img src；我曾嘗試訪問其他問題，但尚未能夠匹配任何內容。

我使用材料設計模板，我的課從

navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg 
navbar-transparent

至：

navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg

當它更改時，我想將img src更改為我的黑色圖像。

我認為問題的一部分是我的入門班已經有了第二部分的名稱？

所以這不起作用：

徽標只是黑色的：

    if ($('.navbar').hasClass('navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg navbar-transparent')) {
      $('.navbar-brand').attr('src','ZeusLogoWhite.png')

  } else  { ($('.navbar').hasClass('navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg')) 
    $('.navbar-brand').attr('src','zeusAssistantBlackLogo.png')

html看起來像這樣：

 <nav class="navbar navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg" color-on-scroll="100" id="sectionsNav">
    <div class="container">
      <div class="navbar-translate">
      <!-- Insert logo! -->
        <!-- <a class="navbar-brand" href="https://demos.creative-tim.com/material-kit/index.html">
          Zeus Assistant </a> -->
          <img src="ZeusLogoWhite.png" alt="Thumbnail Image" class="navbar-brand">

我認為類更改的方式對我來說是錯誤的使用方式？

有什么想法嗎？

我要在班級變更后顯示我的黑色圖像！

謝謝您的幫助！

Answer 1

1. 您正在重復相同的課程。 您應該向其中之一添加UNIQUE CLASS，以使其正常工作。
2. else不需要條件。

如果這是.navbar-brand的唯一元素，則應為：

if ($('.navbar').hasClass('AN UNIQUE CLASS')) {
  $('.navbar-brand').attr('src','ZeusLogoWhite.png')
} 
else  { 
  $('.navbar-brand').attr('src','zeusAssistantBlackLogo.png')
 }

希望對您有所幫助。