bxSlider 一张静态图片

如何解决bxSlider 一张静态图片

当我只加载 1 张幻灯片时，我需要滑块保持“静态”。没有过渡，没有“克隆”项目，bxSlider 似乎正在添加。

目前，我的设置如下：

var slider = $('.bxslider'),slideCount;

slider.bxSlider();

slideCount = slider.getSlideCount();

if (slideCount === 1) {
    slider[0].classList.add('bx-static-image');

    slider.bxSlider({
        auto: false,controls: false,pager: false,infiniteLoop: false,randomStart: false
    });
} else {
    slider.bxSlider({
        auto: true,mode: 'fade',captions: true,randomStart: false
    });
}

infiniteLoop 设置根本不起作用，它不断地加载 .bx-clone 项，这弄乱了整个视图。

这是我为该类添加的 scss .bx-static-image 但它似乎不起作用：

.bxslider.bx-static-image {
    width: 100%;
    transform: none;

    li:first-child {
        top: -14px;
    }

    li.bx-clone ~ .bx-clone {
        display: none;
    }
}