Functionality Issue using the '.animate()' Function

Question

I am working through the jQuery curriculum on CodeCademy and this particular assignment involves using a switch function in conjunction with multiple instances of the '.animate()' function. The 'img' in question is our favorite Italian plumber but he will only move left. When I run the code I get this error returned " Oops, try again. It looks like your image doesn't move right when you press 'Right'."

$(document).ready(function() {
    $(document).keydown(function(key) {
        switch(parseInt(key.which,10)) {
            // Left arrow key pressed
            case 37:
                $('img').animate({left: "-=10px"}, 'fast');
                break;
            // Up Arrow Pressed
            case 38:
                $('img').animate({up: "-=10px"}, 'fast');
                break;
            // Right Arrow Pressed
            case 39:
            $('img').animate({right: "-=10px"}, 'fast');
                break;
            // Down Arrow Pressed
            case 40:
                $('img').animate({down: "-=10px"}, 'fast');
                break;
        }
    });
});

Austin Hansen · Accepted Answer · 2015-05-14 01:17:58Z

2

$(document).ready(function () {
    $(document).keydown(function (key) {
        switch (parseInt(key.which, 10)) {
            // Left arrow key pressed
            case 37:
                $('img').animate({left: "-=10px"}, 'fast');
                break;
                // Up Arrow Pressed
            case 38:
                $('img').animate({top: "-=10px"}, 'fast');
                break;
                // Right Arrow Pressed
            case 39:
                $('img').animate({left: "+=10px"}, 'fast');
                break;
                // Down Array Pressed
            case 40:
                $('img').animate({top: "+=10px"}, 'fast');
                break;
        }
    });
});

Try using left and top instead or else youll be haunted by the CSS demons. Thanks and this works but don'nt invert up/down! :)

edited May 14, 2015 at 1:17

Austin Hansen

3701 gold badge6 silver badges18 bronze badges

answered May 14, 2015 at 1:07

Brad C

3,02225 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

Functionality Issue using the '.animate()' Function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related