1

我是 jQuery 的初学者。我试图做简单的例子,但这不起作用。
显示一些错误:

Uncaught ReferenceError: $ is not defined=>$(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>

问题:

  • 如何解决这个麻烦?
4

1 回答 1

0

1)view page source通过右键单击从浏览器检查并检查jquery文件是否附加

2) 或以其他方式从浏览器console面板检查文件是否已附加

3)当您没有在src属性中提到正确的路径时也会发生这种情况

于 2013-04-26T19:16:17.153 回答