Javascript 如果只有一张幻灯片，请禁用bxSlider

我的所有页面上都有一个滑块，但如果只有一个滑块，我想禁用它。我试过几种不同的方法，但似乎不能使它正常工作。以下是我正在使用的代码：

    var slider = $('.bxslidertwo').bxSlider({
    pager: true,
    pagerType:'full',
    autoHidePager: true,

});

var numberOfImages = $('.bxslidertwo li').length;

if (numberOfImages > 1) {
    slider.reloadSlider();
} else {
    slider.destroySlider();
}

---

我们将非常感谢您在这方面提供的任何帮助

只有在有图像的情况下才实例化它吗？在这种情况下，请尝试以下方法：

var numberOfImages = $('.bxslidertwo li').length;

if( numberOfImages > 1 ) {

    var slider = $('.bxslidertwo').bxSlider({
        pager: true,
        pagerType:'full',
        autoHidePager: true,

    });

}

---

只有在有图像的情况下才实例化它吗？在这种情况下，请尝试以下方法：

var numberOfImages = $('.bxslidertwo li').length;

if( numberOfImages > 1 ) {

    var slider = $('.bxslidertwo').bxSlider({
        pager: true,
        pagerType:'full',
        autoHidePager: true,

    });

}

---

只有在有图像的情况下才实例化它吗？在这种情况下，请尝试以下方法：

var numberOfImages = $('.bxslidertwo li').length;

if( numberOfImages > 1 ) {

    var slider = $('.bxslidertwo').bxSlider({
        pager: true,
        pagerType:'full',
        autoHidePager: true,

    });

}

---

只有在有图像的情况下才实例化它吗？在这种情况下，请尝试以下方法：

var numberOfImages = $('.bxslidertwo li').length;

if( numberOfImages > 1 ) {

    var slider = $('.bxslidertwo').bxSlider({
        pager: true,
        pagerType:'full',
        autoHidePager: true,

    });

}

---

谢谢你的评论，但我想我已经明白了。我忘了bxSlider会自动添加第一张和最后一张幻灯片的克隆，即使只有一张。因此，实际上有三个列表项正在生成，而不是一个。因此，我必须将代码更改为如果列表项超过3个，则执行滑块。这似乎奏效了。谢谢你的评论，但我想我已经明白了。我忘了bxSlider会自动添加第一张和最后一张幻灯片的克隆，即使只有一张。因此，实际上有三个列表项正在生成，而不是一个。因此，我必须将代码更改为如果列表项超过3个，则执行滑块。这似乎奏效了。谢谢你的评论，但我想我已经明白了。我忘了bxSlider会自动添加第一张和最后一张幻灯片的克隆，即使只有一张。因此，实际上有三个列表项正在生成，而不是一个。因此，我必须将代码更改为如果列表项超过3个，则执行滑块。这似乎奏效了。谢谢你的评论，但我想我已经明白了。我忘了bxSlider会自动添加第一张和最后一张幻灯片的克隆，即使只有一张。因此，实际上有三个列表项正在生成，而不是一个。因此，我必须将代码更改为如果列表项超过3个，则执行滑块。这似乎奏效了。