Question

我不确定这是如何工作的，但我有一个评论滑块，它只是无法正常工作。

如果我单击左箭头，它将向右滑动一次，这是正确的。当我点击右箭头时，它会滑回原来的位置，但之后它不会让我做任何事情。

我只是想要它，所以每次点击它时，它会在每次点击时向左或向右移动750px。

$(document).ready(function(){
    var boxL = $('.box-left');
    var boxR = $('.box-right');

    boxL.click(function(){
     $('.grid-container').animate({"right": 750}, "slow");
    })
    boxR.click(function(){
        $('.grid-container').animate({"left": 0}, "slow");
    })
})

Answer 1

＆＃13;

$(document).ready(function(){
    var boxL = $('.box-left');
    var boxR = $('.box-right');

    boxL.click(function(){
        $('.grid-container').animate({"left": "-=50"}, "slow");
    })
    boxR.click(function(){
        $('.grid-container').animate({"left": "+=50"}, "slow");
    })
})

＆＃13;

.grid-container
{
  background-color: orange;
  height: 60px;
  margin-bottom: 20px;
  position: relative;
  width: 100px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="grid-container">
</div>

<button class="box-left">Left</button>
<button class="box-right">Right</button>

＆＃13;

.animate（）滑块无法正常工作

1 个答案: