Question

我有一组简单的脚本，可以在Blackboard Learn页面上显示隐藏的div。我之前正在编写脚本，看来我已经破坏了它们。抛出的第一个错误是：“Uncaught SyntaxError：Unexpected token＆lt;”。之后，页面抛出11“Uncaught ReferenceError：jQuery not defined”错误。在加载我的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评论使用//格式注释掉其余部分或＆＃39; / *评论* /＆＃39;。

这是你的问题：

应该是：

// Load jQuery libraries

Answer 2

此：

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

ON 一直是有效的JS语法，必须通过JS注释进行注释：

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

由于JS-unaware浏览器现在通过互联网标准比恐龙更早，因此在JS中使用HTML风格的评论确实存在零点。只需使用JS评论：

/* Load jQuery Libraries */

未捕获的SyntaxError：＆lt;

2 个答案: