我正在使用按钮使用 jQuery 移动容器内的 div 系列

Question

系列 div 位于容器内。如果按钮点击火车应该移动。

<script>
    $('document').ready(function(){
    $("button").click(function(){
    $("#train").animate({left: "300px"}, 2000);
       });    
     });            
 </script>

Answer 1

您的#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>

我正在使用按钮使用 jQuery 移动容器内的 div 系列

I am moving series of div's which is inside the container using jQuery using a button

javascript

jquery

button

transform

transition