Question

我是jQuery的初学者。我试着做一个简单的例子，但这不起作用显示一些错误：

Uncaught ReferenceError: $ is not defined =＆gt; $(document).ready(function() {

Failed to load resource

我想我错过了一些但却无法理解它是什么。

代码：

<!DOCTYPE html>

<html><head> <title>jQuery goes to DOM-ville</title>
        <style>
            #change_me {
            position: absolute;
            top: 100px;
            left: 400px;
            font: 24px arial;}

            #move_up #move_down #color #disappear {
            padding: 5px;}
        </style>
        <script src="scripts/jquery-1.6.2.min.js"></script>
    </head>
    <body>
        <button id="move_up">Move Up</button>
        <button id="move_down">Move Down</button>
        <button id="color">Change Color</button>
        <button id="disappear">Disappear/Re-appear</button>
        <div id="change_me">Make Me Do Stuff!</div>
        <script>
            $(document).ready(function() {
                    $("#move_up").click( function() {
                        $("#change_me").animate({top:30},200);
                });//end move_up
                $("#move_down").click( function() {
                    $("#change_me").animate({top:500},2000);
                });//end move_down
                $("#color").click( function() {
                    $("#change_me").css("color", "purple");
                });//end color
                $("#disappear").click( function() {
                    $("#change_me").toggle("slow");
                });//end disappear
            });//end doc ready
        </script>
    </body>
</html>

问题：

如何解决这个问题？

Answer 1

1）右键单击浏览器中的view page source，然后检查是否附加了jquery文件

2）或其他方式从浏览器的console面板检查该文件是否附加

3）当您未在src属性

中提及正确的路径时，也会发生这种情况

jQuery代码不起作用

1 个答案: