Question

当我不需要它时，如何摆脱箭头？目前，我有四张幻灯片，因此对于大多数桌面屏幕，我不需要箭头。我正在使用的脚本无效。

我只包含了我添加的代码，只要一次显示的幻灯片少于4张就会删除箭头。

有什么想法吗？

    <script>
     //dont show navigation arrows on one slide if not using looped slides
        var swiper__slidecount = mySwiper.slides.length;
        if (swiper__slidecount < 4) {
          $('.swiper-button-prev,.swiper-button-next').remove();
        }
  </script>

Answer 1

也许你错过了jQuery CDN。 ADD：

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"> 
</script>

代码。此外，.remove（）需要索引值。

另一种解决方案是：

  <script>
     //dont show navigation arrows on one slide if not using looped slides
        var swiper__slidecount = mySwiper.slides.length;
        if (swiper__slidecount < 4) {
          $('.swiper-button-prev,.swiper-button-next').outerHTML="";
        }
  </script>

不需要时摆脱箭头

1 个答案: