javascript - 移动 DIV 禁用按钮 0px 左边距

Question

我有个小问题。我正在尝试使用 jQuery 和一些 css/javascript 创建我自己的 slider 。

我让我的 slider 工作，通过单击一个按钮向左和向右移动一个 660 像素的 Div。

但是，当左边距为 0 时，我希望禁用右键。我希望整个 div 在点击几下后回到 0px。

这可能吗？

这是我的代码:

<script language="javascript">
            function example_animate(px) {
                        $('#slide').animate({
                            'marginLeft' : px
                });
            }
        </script>
        <div class="container">
            <div class="row">
                <div class="contr-left">
                    <a type="button" value="Move Left" onclick="example_animate('-=600px')"><i class="fa fa-chevron-circle-left fa-2x" aria-hidden="true" ></i></a>
                </div>
                <div id="carreview" class="carousel" data-ride="carousel" style="opacity: 1; display: block;">
                    <div class="wrapper-outer">
                        <div class="wrapper-inner" id="slide">
                            <?php get_template_part('loop-reviews');?>
                        </div>
                    </div>
                    <div class="contr-right">
                        <a type="button" value="Move Right" onclick="example_animate('+=600px')"><i class="fa fa-chevron-circle-right fa-2x" aria-hidden="true" ></i></a>
                    </div>
                </div>
            </div> 
        </div>

我使用的代码来自此页面:Page

好吧，通过 Rayn 的代码，我得到了隐藏按钮，但现在当左边距为 1px 或其他值时它不会显示。所以我现在正在尝试这个:(顺便说一句不起作用)

我现在正在尝试:(顺便说一句，不起作用)`function example_animate(px) {

                $('#slide').animate({
                    'marginLeft' : px
        });
       var slidemarginleft = $('#slide').css('margin-left'); //this gets the value of margin-left
       if(slidemarginleft == '0px'){
          $('.contr-right').hide();
      } else (slidemarginleft == '1px') {
            $('.contr-right').show();
         }
       }`

我还看到 margin-left 不是在样式表中设置的，而是在 <div style="margin-left:0px">content</div>

Answer 1

你可以在每次点击之后做一个if语句来检查元素是否有0px

    function example_animate(px) {

                    $('#slide').animate({
                        'marginLeft' : px
            });
           var slidemarginleft = $('#slide').css('margin-left'); //this gets the value of margin-left
           if(slidemarginleft == '0px'){
              $('.contr-right').hide();
             }
           }