一旦溢出滑块到达某个点，禁用左击单击

Question

基本上我有一个旋转木马滑块，我用它来显示日期，以便用户可以滚动（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

这可能有用： 如果.dates-bar中的可见.datecon元素的数量等于1，则单击.centralprev然后.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();
    }
})