Question

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

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（）以返回所选元素的数量。

<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按钮？

2 个答案: