未捕獲SyntaxError：<

Question

我有一組簡單的腳本，在Blackboard Learn頁面上顯示隱藏的div。我之前正在處理腳本，看起來我打破了它們。拋出的第一個錯誤是：「未捕獲的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-unaware瀏覽器的JS代碼）。 -->從來沒有被有效的JS語法，並已通過JS的意見被註釋掉：

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

而且由於JS-不知道瀏覽器是現在，通過互聯網的標準，早於恐龍，有使用字面上零點JS中的HTML樣式註釋。只是使用JS評論：

/* Load jQuery Libraries */