/ / bxスライダーが4枚未満のスライドで破壊される-jquery、bxslider

bxスライダーが4枚未満のスライドで破壊される-jquery、bxslider

プロジェクトでBXスライダーを使用していて、destroy.slider()メソッドのトラブル-私のクライアントはCMSを介して画像を追加しているため、スライダーのインスタンスごとに可変数のスライドがあります。スライドが5つ未満のときにスライダーを殺して、通常の表示状態(コントロールのないグリッド)に戻ろうとしています。ドキュメントを読んだ後、これはうまくいくと思いましたが、運はありません。 getSlideCountが2を返しても、タクトのままです。どんな提案も歓迎します!

ありがとう!

var slider = $("#view-profiles").bxSlider({
minSlides: 4,
maxSlides: 4,
nextSelector: ".next",
prevSelector: ".back",
slideWidth:   "220px",
pager: false,
slideMargin: "0",
nextText: "",
prevText: "",
infiniteLoop:false,
hideControlOnEnd: true



});

if (slider.getSlideCount() < 5){
slider.destroySlider();
}

回答:

回答№1は0

これを試して

var total_slide = slider.getSlideCount() ;

if (total_slide  < 5){
slider.destroySlider();
}

または

var slider = $("#view-profiles").bxSlider({
minSlides: 4,
maxSlides: 4,
nextSelector: ".next",
prevSelector: ".back",
slideWidth:   "220px",
pager: false,
slideMargin: "0",
nextText: "",
prevText: "",
infiniteLoop:false,
hideControlOnEnd: true,
onSliderLoad:function()
{
if (slider.getSlideCount() < 5){
slider.destroySlider();
}
}
});

回答№2の場合は0
if($("#view-profiles > div").length > 4){
var slider = $("#view-profiles").bxSlider({
minSlides: 4,
maxSlides: 4,
nextSelector: ".next",
prevSelector: ".back",
slideWidth:   "220px",
pager: false,
slideMargin: "0",
nextText: "",
prevText: "",
infiniteLoop:false,
hideControlOnEnd: true
});
}