Fatal编程技术网
  • javascript/
  • Javascript 简单JQuery脚本动画不工作

Javascript 简单JQuery脚本动画不工作

javascript jquery html

Javascript 简单JQuery脚本动画不工作,javascript,jquery,html,Javascript,Jquery,Html,因此，我创建了一个简单的html页面： index.html文件： <html> <head> </head> <body> <div class="menu"> hello </div> <div class="test"> Menu </div> <script src="http

因此，我创建了一个简单的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>
我正在努力理解我做错了什么，看来应该行得通

还尝试下载
jquery-2.1.1.min.js并使用它，但在单击菜单时，文本仍然没有移动。
您需要将
位置
css属性设置为
主体
，才能使用
左侧


body{
  position:relative;
}



参考：
hm。。。为了能够制作动画，我必须为此特定部分设置css？在我测试时有效。@User229992999方向属性（上、右、下、左）如果元素的位置样式属性是静态的（默认情况下是静态的），则它们对元素没有明显的影响。（from:）您必须将其设置为主体，因为这正是代码的目标。左、上、下和右属性不适用于没有绝对、相对或固定属性的图元positioning@USer22999299：这与您的问题无关，但最好将
.js
文件保存在
标记中，而不是
。如果代码位于底部，则根本不需要使用
.ready（）
。只需调用
main
函数或从中删除代码。@BhushanKawadkar这根本不是真的，将js文件放在底部没有什么错，这只是意味着你不必调用
.ready
，因为这些文件在HTML之后才会加载has@USer22999299你想把这两行文字都设置到右边吗？@BhushanKawadkar：把它放在页面底部是一个很好的做法。

body{
  position:relative;
}