スライダが1つのイメージしか持たない場合、next/prevボタンを無効にする方法は？

Question

スライダが1つの画像を持っている場合、次の/前のボタンは必要ありませんが、スライダに1つ以上の画像がある場合、次の/前のボタンが必要です。 JavaScriptコードを教えてください。次の/前のコントロールを無効にする方法を知っています。

controls : false 

画像が複数の画像を持つ場合も偽です。ここ は、1枚の画像がある場合にのみbxSliderを設定している私のコード、

<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

です。 また、.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>