swiper.js - 如果只有 1 张幻灯片，请禁用 Swiper Slider

Question

我在网站上使用滑动 slider ，并且希望在只有一张幻灯片的情况下禁用它。

目前只有一张幻灯片会显示分页，您可以单击或滑动。理想情况下，如果只有一张幻灯片，则不应有任何交互。

我当前的js是:

  var swiper = new Swiper('.swiper-container', {
    // Optional parameters
    direction: 'horizontal',
    loop: false,
    //autoplay: 6500,
    autoplayDisableOnInteraction: false,

    keyboardControl: true,
    mousewheelControl: true,

    pagination: '.swiper-pagination',
    paginationClickable: true,

  });

Answer 1

有an option in Swiper API这可能有用:

watchOverflow (boolean|false)
// When enabled Swiper will be disabled and hide navigation buttons on case there are not enough slides for sliding