当滑块只有一个图像时如何禁用 next/prev 按钮？

Question

当滑块有一张图片时，不需要 next/prev 按钮，但如果滑块有超过 1 张图片，则需要 next/prev 按钮。你能给我建议 JavaScript 代码吗？我知道如何通过控件 false

禁用 next/prev

controls : false

但当图像有多个图像时也是错误的。这是我的代码，

<script>
var imgCnt = $('#images div').val(); //get images count.
if(imgCnt == 1){
$('.bxslider').bxSlider({
controls:false
});
}else{
controls:true
}
</script>

Answer 1

如果有 1 张图片，您只是在设置 bxSlider。我还将 .val() 更改为 .size() 以 return 选择的元素数量。

<script>
var imgCnt = $('#images').size(); //get images count.
var useControls = true; // Show controls?
if(imgCnt == 1){
    useControls = false;
}
$('.bxslider').bxSlider({
    controls:useControls
});
</script>

Answer 2

我试过这段代码，它工作正常。请尝试你的程序。使用三元运算符。

$(document).ready(function(){
    $('ul.bxslider').bxSlider({
        controls: ($("#images div").length > 1) ? true: false,
    });
});

当滑块只有一个图像时如何禁用 next/prev 按钮？

How to disable next/prev button when slider have only one image?

javascript

jquery

bxslider