Question

所以我创建了一个简单的html页面：

index.html文件：

<html>
<head>

</head>
<body>

    <div class="menu">      
        hello
    </div>  
     <div class="test">        
       Menu
     </div> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="app.js"></script>

</body>
</html>

这是app.js文件：

var main = function() {
    $('.test').click(function(){
        $('body').animate({
            left: '500px'
            },200);
    })
}
$(document).ready(main)

我试图理解我做错了什么，似乎它应该有效..

还尝试下载jquery-2.1.1.min.js并使用它，但仍然在点击菜单时，文字没有移动..

Answer 1

您需要将position css属性设置为body才能使用left。

body{
  position:relative;
}

参考： http://api.jquery.com/animate/

简单的JQuery脚本动画不起作用

1 个答案: