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

您正在重复相同的课程。您应该为其中之一添加一个UNIQUE CLASS，以使其正常工作。
else不需要条件。

如果这是.navbar-brand的唯一元素，则应为：

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

希望有帮助。

使用jQuery更改img src-检查类更改

1 个答案: