当滑块只有一个图像时，如何禁用下一个/上一个按钮

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

本文关键字：何禁用 下一个 按钮 上一个 有一个 图像      更新时间：2023-09-26

当滑块有一个图像时，不需要next/prev按钮，但如果滑块有多个图像，则需要next/pev按钮。你能建议我做JavaScript代码吗？我知道如何通过控制虚假禁用next/prev

controls : false

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

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

我试过这段代码，它运行得很好。请尝试您的程序。使用三元运算符。

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

如果有1个图像，则仅设置bxSlider。我还将.val（）更改为.size（），以返回所选元素的数量。

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