javascript - jquery元素定位问题

标签 javascript jquery html

有人可以告诉我为什么下面的代码不起作用吗?下面的代码应该在按下向左箭头键时将我的 div 向左移动,并在按下向右箭头键时向右移动。谢谢

 <html>                                                                  
 <head> 
<style type="text/css">
  #movingdiv {   color: #00FF00;
  font-family:arial;
  font-size: 18pt; left: 50px; width: 220px; background-color: yellow;}
</style>                                                                 
 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>          
 <script type="text/javascript">                                         
   $("*").keydown(function(e) {
  if(e.keyCode == 37) { // left arrow key
    $("#movingdiv").animate({
      left: "-=900"
    });
  }
  else if(e.keyCode == 39) { // right arrow key
    $("#movingdiv").animate({
      left: "+=900"
    });
  }
});                                
 </script>                                                               
 </head>                                                                 
 <body>                                                                  
   <div id="movingdiv">sdfsdfsdf</div>                                    
 </body>                                                                 
 </html>

最佳答案

尝试添加position:absolute;

关于javascript - jquery元素定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5716928/

相关文章:

javascript - ngOptions 更改时 ngModel 未更新

javascript - 跨浏览器 - 移动兼容自定义滚动条

javascript - 在javascript中加载html内容

javascript - 需要 jquery datepicker 再次触发以更改日期

python - Django:编写一个 View 来删除带有复选框的项目

javascript - .sort() 根本不工作( Mongoose )

javascript - 在检索到的 JSON API 数据中进行计算

javascript - 无法让导航栏停止显示水平滚动条

javascript - 将对象属性复制到新对象 - 不通过引用

javascript - 当我使用它时浏览器运行缓慢