Uncaught СинтаксисError: <

Question

У меня есть набор простых скриптов, которые показывают скрытые divs на странице изучения Blackboard. Раньше я работал над сценариями, и кажется, что я их сломал. Первая ошибка: «Невыпущен SyntaxError: Неожиданный токен <». После этого страница выдает 11 ошибок «Uncaught ReferenceError: jQuery не определена». Похоже, что я, должно быть, что-то испортил при загрузке библиотеки jQuery или в объявлении jQuery.noConflict(). Ниже мой код. Кто-нибудь видит что-то вопиющее?

<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 использовать формат // закомментировать остальные строки или '/ * комментарий * /'.

Вот ваша проблема:

<!-- Load jQuery libraries-->

Должно быть:

// Load jQuery libraries

Answer 2

Это:

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

ТОЛЬКО ДЛЯ <!-- действует Javascript (для исторической потому что комментарий HTML может скрыть JS-код от JS-неважных браузеров). --> никогда не был правильный синтаксиса JS, и должен быть закомментирован с помощью JS комментариев:

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

И так как JS-незнающих браузеров теперь, по меркам интернета, старше динозавров, есть буквально ZERO смысл в использовании Комментарии в стиле HTML в JS. Просто используйте комментарии JS:

/* Load jQuery Libraries */