Javascript 单击（功能）不'；行不通

我试着用点击功能按钮和左/右箭头键盘制作一些动画，只是一个简单的左右滑动动画。起初，这些脚本工作得很好，直到我在这里和那里编辑，但不是这些JS

当我再次运行它时，只有基于键盘的动画工作，按钮单击动画不再工作

$（文档）.ready（函数（）{
$（'.btnright'）。单击（函数（）{
$（'.project'）。设置动画({
左：'-=150px'，
});
});
$（'.btnleft'）。单击（函数（）{
$（'.project'）。设置动画({
左：'+=150px'，
});
});
});从选项对象中删除尾随逗号。此外，还需要指定动画的持续时间。另外，
.project
需要绝对或相对定位（而不是默认的静态），才能使
左
生效。因此：

$('.btnright').click(function(){
    $('.project').animate({
        left: '-=150px'
    }, 500);
});

使用CSS：

.project {
  position: relative;
}

而不是：

$('.btnright').click(function(){
    $('.project').animate({
        left: '-=150px',
    });
});

Codepen:
您的浏览器中有任何控制台错误吗？如果您更改
$（'.btnright'）。请单击（…）
到
$（文档）。在（'click'，'.btnright'，…）
？@Pointy是！这就是让我非常沮丧的原因！：（请注意，我之前的评论是指向代码工作的JSFIDLE的链接。我们是否在IE7中进行测试？在ECMAScript 5之前，对象文本中的逗号是无效的。JSON规范仍然说尾随逗号是非法的。在现代浏览器中，这可能不是一个错误，但似乎仍然是避免它的最佳实践。我以前使用过固定位置，现在它仍然是有效的。）适用于基于键盘的动画。现在我改为“相对”，没有任何用处，但键盘动画仍然适用于相对位置：（令人沮丧的ps：我使用chromeHmm，我不知道为什么它不工作。测试了你的top函数和它。你能发布所有HTML/CSS吗？也许你没有正确设置按钮上的类名？