javascript - Jquery 脚本不能在脚本中工作但在控制台中工作

我有一个导航栏并且正在对其应用脚本，以便在滚动时背景颜色发生变化。我在 HTML 脚本的末尾附加了这个脚本，在 <body>

之后

它不起作用，但如果我通过控制台手动输入它，它可以完美运行...

$(document).ready(function() {
  $(window).scroll(function() {
    if ($(window).scrollTop() >= 50) {
      $(".navbar").css("background-color", "#222");
    } else {
      $(".navbar").css("background-color", "transparent");
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="navbar" style="height:200px">Navbar</div>
<div style="height:1000px"></div>

Jquery 脚本不能在脚本中工作但在控制台中工作

0 个答案: