JavaScript Fehler? | ScrollDown Navbar erscheint nicht :(

[paulick10]

[Gelöst] JavaScript Fehler? | ScrollDown Navbar erscheint nicht :(

Hey Leute, ich habe ein kleines JavaScript Problem.. Unzwar soll auf der Website https://git7.tech/tests beim runterscrollen die Navbar schwarz werden, aber es passiert nichts

Wäre nett wenn Ihr euch mal den Quellcode ansehen könntet ob ihr einen Fehler findet.. Ich finde nämlich keinen.


Danke und einen schönen Montag noch

 

[benneq]

Hast du mal in deine JavaScript Konsole im Browser geschaut?

Uncaught ReferenceError: $ is not defined
    at (index):30

 

[savuti]

Entweder du lädst erst jQuery und dann dein Script, oder und wartest bis die Seite komplett geladen wurde...

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
    <script type="text/javascript">
        $(window).on('scroll', function() {
          if($(window).scrollTop()) {
            $('nav').addClass('black');
          }
          else {
            $('nav').removeClass('black')
          }
        })
    </script>

$(document).ready(function () {
          $(window).on('scroll', function() {
          if($(window).scrollTop()) {
            $('nav').addClass('black');
          }
          else {
            $('nav').removeClass('black')
          }
        })
});

so ungefähr...

Edit Fehler:

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

nicht:

<script> src="https://code.jquery.com/jquery-3.2.1.js"</script>

 

[paulick10]

Danke für deine Antwort! Aber ich verstehe dich nicht ganz.. Mein Quellcode hab ich jetzt so geändert:

    <!-- JavaScript: NavbarScroll -->
    <script> src="https://code.jquery.com/jquery-3.2.1.js"</script>
    <script>
    $(document).ready(function () {
      $(window).on('scroll', function() {
      if($(window).scrollTop()) {
        $('nav').addClass('black');
      }
      else {
        $('nav').removeClass('black')
      }
    })
});
</script>

 

[savuti]

Der Fehler ist immer noch drin. Siehe mein Edit...

Da stimmt aber immer noch was nicht.

 

[paulick10]

Okay.. Habs gecheckt!

Danke & einen schönen Tag dir