Question

我正在创建一个滑入式菜单，我想要做的是当用户点击图像时，菜单会滑入。我已经使用了所有内容，CSS动画，jQuery动画，但仍然无法正常工作。 `

System.out.println(maxValue+(byte)2);

我在CSS中使用<div id="nav-slide-unvisible">  <img id="image" src="arrow.png"> <ul> <li>Bla bla</li> <li>Bla bla</li> <li>Bla bla</li> <li>Bla bla</li> <li>Bla bla</li> </ul> </div> </nav>`，将其应用于transform: translateX(-240px) 这是jQuery代码：

<nav id="slide-nav">

但调试器会生成错误“SyntaxError：missing：after property id” 感谢。

Answer 1

语法错误是传递给animate方法的对象中缺少大括号的结果：

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

Answer 2

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

将其更改为

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

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

2 个答案: