why doesnt this animate() jquery function script work?

Question

I'm trying to test out how the animate() function works, and this is an example I got from stackexchange actually (it works on fiddle), but when I run it on my local computer, it doesn't work anymore.

Here's the code:

<html>

<head>
    <script type="text/javascript" src="scripts\jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('button').click(function () {
                $('div').animate({
                    width: 'toggle'
                });
            });
            alert("hei");
        });
    </script>
    <style type="text/css">
        div {
            background-color: red;
            height: 100px;
            width: 100px;
            display: none;
        }
    </style>
</head>

<body>
    <button>Show/Hide</button>
    <div></div>
</body>

Why is this? When I refresh, there's no alert popping up so it's not even processing the javascript I have in there. But it works fine in fiddle.

Oh, and here's the fiddle. But I really don't think it's relevant since it works there, just not on my local computer. Am I missing declaring a library?

Your jQuery path should use slash instead of backslash. Also, any JS error in console? — Raptor
– Raptor, Commented Feb 25, 2014 at 5:45
Good catch. The console gives me two errors: Failed to load resource: the server responded with a status of 404 (Not Found) localhost/tests/scripts/jquery-1.11.0.js Uncaught ReferenceError: $ is not defined — markovchain
– markovchain, Commented Feb 25, 2014 at 5:49
Did your jQuery JS file exist in scripts/ folder? Probably not. — Raptor
– Raptor, Commented Feb 25, 2014 at 5:51

Butani Vijay · Accepted Answer · 2014-02-25 05:48:40Z

2

Please change below line :

<script type="text/javascript" src="scripts\jquery-1.11.0.js"></script>

with this one :

 <script type="text/javascript" src="scripts/jquery-1.11.0.js"></script>

You have used backslash instead of slash

It work For me

answered Feb 25, 2014 at 5:48

Butani Vijay

4,2492 gold badges32 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarath · Accepted Answer · 2014-02-25 05:49:18Z

1

I think your jQuery path is not correct you have used

scripts\jquery-1.11.0.js

normally we used scripts/jquery-1.11.0.js

answered Feb 25, 2014 at 5:49

Sarath

6085 silver badges12 bronze badges

1 Comment

markovchain Over a year ago

you're right, my path wasn't correct. I've corrected it now.

SajithNair · Accepted Answer · 2014-02-25 05:49:50Z

0

scripts\jquery-1.11.0.js should be scripts/jquery-1.11.0.js

answered Feb 25, 2014 at 5:49

SajithNair

3,8771 gold badge20 silver badges23 bronze badges

Collectives™ on Stack Overflow

why doesnt this animate() jquery function script work?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related