Question

有人可以告诉我为什么我的代码不起作用？当按下向左箭头键时，下面的代码应该将我的div移动到左边，当按下右箭头键时，向右移动我的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>

Answer 1

尝试添加position:absolute;

Answer 2

您需要将定位CSS添加到div：

位置：绝对; 左：50px;

http://jsfiddle.net/Canuteson/XZt98/

jquery元素定位问题

2 个答案: