Javascript 为什么动画不起作用（CSS/JS/jQuery）？

我正在创建一个滑入菜单，我想做的是当用户单击图像时，菜单滑入。我用过所有的东西，CSS动画，jQuery动画，但仍然不起作用。 `

但调试器在属性id之后生成错误“SyntaxError:missing:缺少” 谢谢

换成

$("#slide-nav").animate({

---

语法错误是由于传递给

animate

方法的对象中缺少大括号造成的：

$("#image").click(function() {
     $("#slide-nav").animate({'-webkit-transform':'translateX(242px)',
                             '-moz-transform':'translateX(242px)'},1000);
 });                                   // The one that goes here ^

---

尝试

$（“#image”）。单击（function（）{…

不完全是，它位于，1000之前，因为它应该关闭对象。此外，图像和幻灯片导航不是id，因此他缺少一些#的well@DrunkWolf好的标注。更新！

$("image").click(function() {
            $("slide-nav").animate({
            '-webkit-transform':'translateX(242px)'
            ,'-moz-transform':'translateX(242px)',1000);
                               });

$("#slide-nav").animate({

$("#image").click(function() {
     $("#slide-nav").animate({'-webkit-transform':'translateX(242px)',
                             '-moz-transform':'translateX(242px)'},1000);
 });                                   // The one that goes here ^