javascript - 一旦溢出 slider 达到特定点，禁用左键点击器

Question

基本上我有一个旋转木马 slider ，我用它来显示日期，以便用户可以滚动(下面的 img)

一切正常，但我现在唯一的挣扎是一旦用户滚动到现在就禁用左按钮.. 下面的例子

<div class="dates-bar">
  <a class="centralprev prev"> <i class="fa fa-angle-left"> </i>
  </a>
  <a data-date="24/07/2016" class="centraldateconed" style="margin-left: 140px;"> <span class="date">24/07</span>  <span class="month">July</span>  <span class="tick"> </span> 
  </a>
  <a data-date="24/07/2016" class="datecon"> <span class="date">31/07</span>  <span class="month">July</span>  <span class="tick"> </span> 
  </a>
  <a data-date="2/08/2016" class="datecon"> <span class="date">02/08</span>  <span class="month">August</span>  <span class="tick"> </span> 
  </a>
  <a data-date="03/08/2016" class="datecon"> <span class="date">03/08</span>  <span class="month">August</span>  <span class="tick"> </span> 
  </a>
  <a data-date="07/08/2016" class="datecon"> <span class="date">07/08</span>  <span class="month">August</span>  <span class="tick"> </span> 
  </a>
  <a class="centralnext next"> <i class="fa fa-angle-right"> </i>
  </a>
</div>

预先感谢您的帮助。

Answer 1

这可能有效:当您单击 .centralprev 时，如果 .dates-bar 中可见的 .datecon 元素的数量等于 1，则 .centralprev 将被隐藏，否则它将被显示，.centralnext 也将被显示:

$(".centralprev").click(function(){
if($(".dates-bar>.datecon:visible").length===1){
    $(".centralprev").hide();
    }
else{ 
    $(".centralprev").show();
    $(".centralnext").show();
    }
})

另一个按钮反之亦然:

$(".centralnext").click(function(){
if($(".dates-bar>.datecon:visible").length===1){
    $(".centralnext").hide()
    }
else{ 
    $(".centralnext").show();
    $(".centralprev").show();
    }
})