我正在移动一系列的div,这是容器内使用jQuery使用一个按钮。

问题描述 投票:0回答:1

容器内的一系列div。如果点击按钮,火车应该移动。

<script>
    $('document').ready(function(){
    $("button").click(function(){
    $("#train").animate({left: "300px"}, 2000);
       });    
     });            
 </script>
javascript jquery button transform transition
1个回答
0
投票

你的 #train 可能需要绝对定位。请考虑下面的例子。

$(function() {
  $("button").click(function() {
    $("#train").animate({
      left: "300px"
    }, 2000);
  });
});
#train {
  width: 100px;
  height: 30px;
  border: 1px solid #222;
  border-radius: 6px;
  background: #ccc;
  position: absolute;
  padding-top: 8px;
  text-align: center;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Go</button>
<div id="train">Train</div>
© www.soinside.com 2019 - 2024. All rights reserved.