简单的jQuery脚本动画不能正常工作

问题描述：

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并与它一起工作，但仍然在点击菜单时，文本不移动。

这是无关的问题，但它是很好的做法，以保持''内'

标签，而不是''文件.js'。 – 2014-10-08 05:50:36

将代码放在底部，根本不需要使用'.ready（）'。只需调用'main'函数或从中删除代码即可。 – 2014-10-08 05:51:14

@BhushanKawadkar那根本不是真的，把js文件放在最下面没什么不对，它只是意味着你不必调用'.ready'，因为这些文件只有在HTML有 – jmore009 2014-10-08 05:51:53

答

您需要将position css属性设置为body以便工作left。

body{ 
    position:relative; 
}

REF：

hm ...要能够动画我必须为这个特定的部分设置一个CSS？ – USer22999299 2014-10-08 05:50:25

不能正常工作。 – USer22999299 2014-10-08 05:52:22

当我测试它时工作。 – 2014-10-08 05:53:24

简单的jQuery脚本动画不能正常工作

相关推荐