Javascript 试图用钥匙移动盒子，但它不起作用

我这里有一把小提琴：

绿色框应该与箭头键一起移动。有人能解释为什么它不起作用吗

js:

var游戏={
游戏区：空，
玩家：空，
init:function（）{
this.playArea=$（“”{
样式：“背景色：#AAF；”
});
this.player=$（''）；
这个是.player.css({
宽度：20，
身高：20，
“背景色”：“AFA”，
显示：“块”，
位置：'绝对'，
排名：0，
左：0
})
$（窗口）。调整大小（游戏。调整大小）；
$（'body'）.append（this.playArea）；
这是resize（）；
this.playrea.append（this.player）；
$（文档）.keydown（函数（事件）{
游戏。按键关闭（事件）
})
归还这个；
},
调整大小：函数（）{
//console.log（'resize'，game）；
game.playArea.css({
宽度：$（窗口）.width（）-50，
高度：$（窗口）。高度（）-50，
});
归还这个；
},
向下键：功能（事件）{
var方向；
开关（event.keyCode）{
案例38：
方向={
“顶部”：“-=15”
};
打破
案例40：
方向={
“顶部”：“+=15”
};
打破
案例37：
方向={
“左”：“+=15”
};
打破
案例39：
方向={
“左”：“-=15”
};
打破
}
控制台日志（方向、事件、游戏、玩家）；
游戏。玩家。动画（方向，“慢”）；
}
};
$（函数（）{
game.init（）；
})
看起来不像jQuery喜欢
-=
和
+=
后面的空格。我删除了这些，它工作了，尽管方向颠倒了。
另外，使用
事件。
，它被规范化为跨浏览器。lol ddnt注意到方向是向后的，因为它不工作。现在我修好了^_^
var game = {
    playArea: null,
    player: null,
    init: function() {
        this.playArea = $('<div>', {
            style: 'background-color: #AAF;'
        });
        this.player = $('<span>');
        this.player.css({
            width: 20,
            height: 20,
            'background-color': '#AFA',
            display: 'block',
            position: 'absolute',
            top: 0,
            left: 0
        })
        $(window).resize(game.resize);
        $('body').append(this.playArea);
        this.resize();
        this.playArea.append(this.player);
        $(document).keydown(function(event) {
            game.keydown(event)
        })
        return this;
    },
    resize: function() {
        //console.log('resize', game);
        game.playArea.css({
            width: $(window).width() - 50,
            height: $(window).height() - 50,
        });
        return this;
    },
    keydown: function(event) {
        var direction;
        switch (event.keyCode) {
        case 38:
            direction = {
                'top': '-= 15'
            };
            break;
        case 40:
            direction = {
                'top': '+= 15'
            };
            break;
        case 37:
            direction = {
                'left': '+= 15'
            };
            break;
        case 39:
            direction = {
                'left': '-= 15'
            };
            break;
        }
        console.log(direction, event, game.player);
        game.player.animate(direction, 'slow');
    }
};

$(function() {
    game.init();
})