jQuery funktioniert nicht, etwas darüber, wie ich es aufgenommen habe?

Question

Ich bin sowohl mit dieser Community als auch mit jQuery/JavaScript im Allgemeinen neu, aber ich habe gerade eine gute Stunde damit verbracht zu recherchieren und ich kann überhaupt nicht sehen, was los ist.

Ich habe versucht, es zu machen, wenn Sie auf ein bestimmtes klicken, ändert es die Klasse daraus.

Die wichtigen Teile meines Code ist

HTML:

<div class="taskbar"> 
     <div id="taskbar-start" class="taskbar-start-inactive"> 
      <img class="taskbar-start-logo" src="img/logo.png" /> 
      <div class="taskbar-start-text">Start</div> 
     </div> 
</div> 

CSS:

#taskbar-start { 
    margin-top: 4px; 
    margin-bottom: 2px; 
    margin-left: 2px; 
    width: 90px; 
    height: 33px; 
    background-color: #C2C5CA; 
    cursor: pointer; 
} 
.taskbar-start-inactive { 
    box-shadow: -1px -1px 0px 0px #000 inset, 1px 1px 0px 0px #FFF inset, -2px -2px 0px 0px #868A8E inset; 
} 
.taskbar-start-active { 
    box-shadow: -1px -1px 0px 0px #FFF inset, 1px 1px 0px 0px #000 inset, 2px 2px 0px 0px #868A8E inset; 
} 

JavaScript

$('#taskbar-start').click(function() { 
    $(this).toggleClass('taskbar-start-active'); 
    alert("Yeah!"); 
}); 

, die nicht funktioniert. Jetzt wollte ich jQuery nicht herunterladen, um es zu benutzen, denn sobald es fertig war, wollte ich den Code als Thema auf Tumblr verwenden, wo das Herunterladen von jQuery nicht sehr gut funktionieren würde, nehme ich an. Im Moment habe ich es und meine JavaScript-Datei enthalten wie folgt aus:

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
<script src="javascript.js"></script> 

ich einen Code habe ich versucht, woanders gefunden zu testen, ob meine jQuery geladen wird (ich habe vergessen, wo ich es gefunden, ich m sehr leid), die

window.onload = function() { 
if (window.jQuery) { 
    // jQuery is loaded 
    alert("Yeah!"); 
} else { 
    // jQuery is not loaded 
    alert("Doesn't Work"); 
}} 

ist und das scheint zu funktionieren, aber mein Code nicht. Wenn ich meinen ganzen Code hier hineinkopfe und es ausprobiere, hat es funktioniert, also ist es wahrscheinlich etwas mit dem Versuch, jQuery einzubinden?

Wie ich schon sagte, ich bin super neu, also tut es mir wirklich leid, wenn meine Frage irgendwie dumm ist.

Answer 1

setzen Sie Ihren Code innerhalb des document.ready als

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
<script src="javascript.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#taskbar-start').click(function() { 
      $(this).toggleClass('taskbar-start-active'); 
      alert("Yeah!"); 
     }); 
    }); 
</script>