Uncaught SyntaxError: <

Question

Ich habe eine Reihe von einfachen Skripten, die versteckte Divs auf einer Blackboard Learn-Seite zeigen. Ich habe früher an den Skripten gearbeitet und es scheint, dass ich sie gebrochen habe. Der erste Fehler, der ausgelöst wird, ist: "Uncaught SyntaxError: Unexpected Token <". Danach wirft die Seite 11 Fehler "Uncaught ReferenceError: jQuery ist nicht definiert". Es scheint, als ob ich beim Laden meiner jQuery-Bibliothek oder beim Deklarieren von jQuery.noConflict() etwas durcheinander gebracht haben muss. Unten ist mein Code. Sieht jemand etwas eklatant falsch?

<script type="text/javascript"> 
    Event.observe(document,"dom:loaded", function() { 
      <!-- Load jQuery libraries--> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script> jQuery.noConflict(); </script> 

    <!-- Get Modals --> 



    <!-- Show various info divs on icon click --> 
    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv1").click(function(){ 
       jQuery("#academicSupportModal").toggle(); 


      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv2").click(function(){ 
       jQuery("#announcementsModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv3").click(function(){ 
       jQuery("#discussionsModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv4").click(function(){ 
       jQuery("#emailModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv5").click(function(){ 
       jQuery("#examsModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv6").click(function(){ 
       jQuery("#facultyModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv7").click(function(){ 
       jQuery("#gradebookModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv8").click(function(){ 
       jQuery("#homeModal").toggle(); 

      }); 
     }); 
    </script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#fusdiv9").click(function(){ 
       jQuery("#supportModal").toggle(); 

      }); 
     }); 
    </script> 



}); 

Answer 1

Javascript Kommentare verwenden Sie das Format // den Rest einer Zeile zu kommentieren oder '/ * Kommentar * /'.

Hier ist Ihr Problem:

<!-- Load jQuery libraries-->

werden sollten:

// Load jQuery libraries

Answer 2

Dieses:

 <!-- Load jQuery libraries--> 
            ^^^ 

nur die <!-- gilt Javascript (für historische Gründe, so könnte ein HTML-Kommentar den JS-Code von JS-unaware Browsern verbergen). --> hat nie gültig JS Syntax gewesen und hat über JS Kommentare Kommentar gesetzt werden:

<!-- Load jQuery libraries //--> 
          ^^ 

Und da JS-ahnungslos Browser ist jetzt von Internet-Standards, die älter als die Dinosaurier, gibt es buchstäblich ZERO Punkt bei der Verwendung Kommentare im HTML-Stil in JS. Verwenden Sie einfach JS-Kommentare:

/* Load jQuery Libraries */