5

スライダーにスライドが1つしか表示されておらず、実際にスライドするものがない場合、ページャーに「無効」なクラスを追加しようとしています。

リストではなくdivをスライドさせています。

これは単なる基本的な div です。

<div class="bxslider2">
    <div class="wrap">
        ...
    </div>
</div>

スライダーのjqueryは次のとおりです。

 $('.bxslider2').bxSlider({
   mode: 'horizontal',
   speed: '180',
   pagerType:'full',
   pager:'true',
   captions: false
 });

スライドが 1 つしか表示されない場合は、ページャーを表示したくありません。

助けてくれてありがとう！

ジャスティン

4

5 に答える 5

5

これを実現するために css を使用します。

.bx-pager-item:first-of-type:last-of-type { 
    display: none
}
于 2015-12-21T09:45:15.683 に答える
1

ページに複数の bxslider がある場合の解決策を次に示します。

    $('.bxslider').each(function() {
      var options = {
        mode: 'fade',
      };
      if ($(this).find('li').length === 1) {
        options.pager = false;
      }
      $(this).bxSlider(options);
    });

各スライダーを調べて、li が 1 つだけかどうかを調べます。pager: falseその場合、 に渡されたオブジェクトに追加しますbxSlider。

于 2016-08-17T18:43:19.307 に答える