0

bxSlider を使用してスライダーを作成したいのですが、最初のスライドが一度だけ表示されます。これは、次のスライドがロードされた後に削除されるイントロ スライドです。

HTML

<div id="slider">
    <ul>
        <li class="one"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

私は次のようなものを試しました

    $('#slider ul').bxSlider({
        pager: false,
        auto: true,
        onSlideAfter : function(){
            $('#slider ul li.one').remove();
        }
    });

しかし、これはおそらく、1 つのスライドが削除されたので、スライダーの幅が最初の幅と等しくなくなる前に、スライダーをクラッシュさせました。どうすればいいのか手がかりはありますか？

4

2 に答える 2

0

削除する代わりにonSlideBefore、最初のスライドに移動するかどうか、すぐに 2 番目のスライドに送信するかどうかを確認してください。

$('#slider ul').bxSlider({
    pager: false,
    auto: true,
    onSlideBefore : function($slideElement, oldIndex, newIndex){
      if(newIndex == 0){
        $('#slider ul').bxSlider.goToSlide(1);
      }
    }
});

bxslider がどのように反応するか、つまり、最初のスライドを通り過ぎて 2 番目のスライドに移動するかどうかはわかりません。その場合、これはおそらく機能しません。

于 2013-04-26T18:54:49.030 に答える