滑塊只有一個圖像時如何禁用下一個/上一個按鈕？

Question

當滑塊有一個圖像時，則不需要下一個/上一個按鈕，但是如果滑塊有多個圖像，則需要下一個/上一個按鈕。 您能建議我使用JavaScript代碼嗎？ 我知道如何通過控件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,
    });
});