Javascript jQuery滚动图像src更改问题

你好!

我在jQuery方面遇到了一些可怕的问题。如果用户滚动页面，我希望我的脚本更改徽标图像。非常简单，但不起作用。当我滚动我的页面时，图片就消失了，在我回到页面顶部后就不再回来了。很抱歉我问了个新手问题，但我已经和它争论了3个小时了。像这样的东西没用。我确信我的图片来源是正确的，因为页面加载时会加载大的徽标

JavaScript:

$(document).ready(function() {

  $(document).scroll(function() {
    if ($(document).scrollTop()>1){
        $('#logo').attr('src', "Source\Pictures\Logo_small.jpg");
      }
    else {
        $('#logo').attr('src', "Source\Pictures\Logo.jpg");
      }
    });
});

HTML:

滚动前：

滚动后：

在字符串中使用反斜杠\时，应将其加倍\\。这是因为反斜杠是一个转义字符，所以字符串的内容可能与您期望的内容不同

$(document).ready(function() {

  $(document).scroll(function() {
    if ($(document).scrollTop()>1){
        $('#logo').attr('src', "Source\\Pictures\\Logo_small.jpg");
      } else {
        $('#logo').attr('src', "Source\\Pictures\\Logo.jpg");
      }
    });
});

理想情况下，您应该使用前斜杠，因为后斜杠只能在Windows上本地工作。Windows中也支持正斜杠

$(document).ready(function() {

  $(document).scroll(function() {
    if ($(document).scrollTop()>1){
        $('#logo').attr('src', "Source/Pictures/Logo_small.jpg");
      } else {
        $('#logo').attr('src', "Source/Pictures/Logo.jpg");
      }
    });
});

---

使用前斜杠而不是后斜杠谢谢你！

$(document).ready(function() {

  $(document).scroll(function() {
    if ($(document).scrollTop()>1){
        $('#logo').attr('src', "Source/Pictures/Logo_small.jpg");
      } else {
        $('#logo').attr('src', "Source/Pictures/Logo.jpg");
      }
    });
});