Firefox中没有定义jQuery错误

时间:2013-05-04 11:14:13

标签: javascript jquery html css

我正在学习关于jQuery的教程和课程。在视频教程中,代码很可能是相同的,但在我的Firefox中,它会在Firebug控制台中抛出ReferenceError: jQuery is not defined

这是我的整个代码 -

<!DOCTYPE html>
<html>
    <head>
        <title>Day 1 jQuery</title>
        <style>
        li {color:blue;}
        </style>
    </head>
    <body>
        <ul>
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
            <li>List item 4</li>
            <li>List item 5</li>
        </ul>
        <srcipt src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
        jQuery(document).ready(function(){
        var list = jQuery('ul li');
        console.log(list);
        });
        </script>   
    </body>
</html>

我也看了它但没有帮助:$ is not defined error in firefox with jquery

教程链接 - https://tutsplus.com/course/30-days-to-learn-jquery/

3 个答案:

答案 0 :(得分:4)

替换

<srcipt

<script

但是你不应该在生产中使用jquery-latest:当jQuery更改时你的代码可能会中断。我建议你指出一个精确的版本。

答案 1 :(得分:1)

更新

<srcipt src="http://code.jquery.com/jquery-latest.js"></script>

使用

<script src="http://code.jquery.com/jquery-latest.js"></script>

答案 2 :(得分:1)

为了减少Sublime中的错别字,有一个很好的包:https://github.com/SublimeLinter/SublimeLinter