0

我有一组简单的脚本,可以在 Blackboard Learn 页面上显示隐藏的 div。我之前正在编写脚本,看来我已经破坏了它们。抛出的第一个错误是:“Uncaught SyntaxError: Unexpected token <”。之后,页面抛出 11 个“Uncaught ReferenceError: jQuery is 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>



});

4

2 回答 2

0

Javascript 注释使用该格式//注释掉一行的其余部分或“/* 注释 */”。

这是你的问题:

<!-- Load jQuery libraries-->

应该:

// Load jQuery libraries

于 2016-10-17T20:38:04.360 回答
0

这个:

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

只有<!--Javascript 是有效的(由于历史原因,因此 HTML 注释可以隐藏 JS 代码对 JS 不了解的浏览器)。-->从来都不是有效的 JS 语法,必须通过 JS 注释注释掉:

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

而且由于现在不支持 JS 的浏览器按照 Internet 标准比恐龙还要古老,因此在 JS 中使用 HTML 样式的注释实际上是零点。只需使用 JS 注释:

/* Load jQuery Libraries */
于 2016-10-17T20:38:11.260 回答