Question

如果margin-left是900px的点击方法要禁用，我想尽我所能，但没有任何效果。

$(document).ready(function(){
                var img = $("img");

                $('.aa').click(function(){
                    img.animate({ marginLeft: '-=900px'}, 700) })


                $('.uu').click(function(){
                    img.animate({ marginLeft: '+=900px'}, 700) })
                    if(img.css('margin-left') == '900px'){
                        // I want click to be disabled if margin-left hits 900px
                    }
                })

<div id="slide">
            <ul class="slides">
                <li class="slide"><img src="image1.jpg" alt=""></li>
                <li class="slide"><img src="image2.jpg" alt=""></li>
                <li class="slide"><img src="image3.jpg" alt=""></li>
            </ul>
        </div>

Answer 1

您不清楚您要问什么，所以我将提供实现的步骤。我使用了您的逻辑，即当必须将其禁用时，可以根据需要更改它

在下面的示例中：

如果单击两次“右键”，则根据情况将消失。您可以更改条件以使其按预期工作。
我还提供了in注释，即如何从按钮$('.uu').removeAttr('disabled')删除禁用的属性
此代码将对所有图像进行动画处理，如果要捕获单个图像，请为图像分配id并使用该选择器进行动画处理。

$(document).ready(function() {
  var img = $("img");

  $('.aa').click(function() {
    img.animate({
      marginLeft: '-=900px'
    }, 700)
  });

  $('.uu').click(function() {
    img.animate({
      marginLeft: '+=900px'
    }, 700);
    if (img.css('margin-left') == '900px') {
      $('.uu').attr('disabled', 'disabled');
      //$('.uu').removeAttr('disabled')
    }
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="slide">
  <ul class="slides">
    <li class="slide"><img src="https://via.placeholder.com/150" alt=""></li>
    <li class="slide"><img src="https://via.placeholder.com/150" alt=""></li>
    <li class="slide"><img src="https://via.placeholder.com/150" alt=""></li>
  </ul>
</div>

<button class='aa'>Left</button>
<button class='uu'>Right</button>

Answer 2

尝试一下：

$('.uu').click(function(){
                    img.animate({ marginLeft: '+=900px'}, 700) })
                    if(img.css('margin-left') == '900px')){
                        alert="hello";
                    }
                })

如何使CSS成为if语句

2 个答案: