单击白色控制时，引导转盘在ios上滑动

Question

我有一个问题，我不能理解使用引导转盘。在移动设备上，我想通过滑动(而不是点击)来滑动，一点击，就会出现一个pinterest按钮。我已经停用了移动设备上的carousel控件按钮(参见下面的css代码)，并为pinterest按钮添加了一个jquery规则，它在android上工作得很好。但在ios上，点击一下，旋转木马就会滑动。

有什么想法吗？

我的代码

​

$('.carousel-item img').click(function() {
  $('.social-sharing').toggleClass('visible');
});
$("#carouselwork").on('slide.bs.carousel', function() {
  $('.social-sharing').removeClass('visible');
});

@media (max-width: 768px) {
  .social-sharing.visible {
    display: block;
  }
  .carousel-control {
    display: none;
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<div id="carouselwork" class="carousel slide work-single" data-ride="carousel" data-interval="false">
  <div class="carousel-inner">
    <div class="carousel-item  active">
      <img src="..." alt="..." />
      <div class="social-sharing ss-social-sharing">
        <a onclick="return ss_plugin_loadpopup_js(this);" rel="external nofollow" class="ss-button-pinterest" href="..." target="_blank"></a>
      </div>
      <div class="img-work-caract">
        <p>the title</p>
        <div class="counter">1/<span class="total">2</span></div>
      </div>
    </div>
    <div class="carousel-item">
      <img src="..." alt="..." />
      <div class="social-sharing ss-social-sharing">
        <a onclick="return ss_plugin_loadpopup_js(this);" rel="external nofollow" class="ss-button-pinterest" href="..." target="_blank"></a>
      </div>
      <div class="img-work-caract">
        <p>the title</p>
        <div class="counter">2/<span class="total">2</span></div>
      </div>
    </div>
  </div>
  <a class="carousel-control-prev carousel-control" href="#carouselwork" role="button" data-slide="prev"></a>
  <a class="carousel-control-next carousel-control" href="#carouselwork" role="button" data-slide="next"></a>
</div>

​

谢谢！

Answer 1

看起来这是一个来自carousel引导的bug。已在分支v4-jo- fix -carousel-click-slide上的github上部署了修复程序