如何在滑塊只有一個圖像時禁用next/prev按鈕？

Question

當滑塊有一個圖像，然後不想要下一個/上一個按鈕，但如果滑塊有多個圖像，則需要下一個/上一個按鈕。你能建議我使用JavaScript代碼嗎？我知道如何通過控制假

controls : false 

禁用下一/上一個，但也是假的，當圖像有一個以上的圖像。 這裏是我的代碼，

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

Answer 1

我試過這段代碼，它工作正常。請嘗試您的程序。使用三元運算符。

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

Answer 2

如果只有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>