プロジェクトで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
});
}