1

boxslider では、オートスライドは初めて正常に機能します。しかし、コントロール (左右の矢印) をクリックすると、自動スライドが機能しません。これが私のコードです：

<ul id="slider-assocoates">
    <li><a href="#" target="_blank"><img src="images/abcdef.png" /></a>
    </li>
     <li><a href="#" target="_blank"><img src="images/abc.png" /></a>
     </li>
</ul>
    <nav>
        <a href="#" id="go-prev-assocoates" class="left-arrow">Prev</a>
        <a href="#" id='go-next-assocoates' class="right-arrow">Next</a>
    </nav>

$(function(){
  var slider = $('#slider-assocoates').bxSlider({
    controls: false,
    auto: true,
    pause: 6000
  });

  $('#go-prev-assocoates').click(function(){
    slider.goToPreviousSlide();
    return false;
  });

  $('#go-next-assocoates').click(function(){
    slider.goToNextSlide();
    return false;
  });
4

4 に答える 4

1

これで問題が解決する場合があります。私は自分のプロジェクトの1つで同じ問題に直面していました：

slider.startShow();

于 2012-03-09T06:32:20.743 に答える
0 
var clickNextBind = function(e){
            // if auto show is running, stop it
            var x = 0; 
            if (slider.settings.auto) x = 1;
            if(x == 1) el.stopAuto();
            el.goToNextSlide();
            if(x == 1) el.startAuto();
            e.preventDefault();
        }
于 2013-05-17T10:06:00.210 に答える
0

これは、bxSlider 4.1.1 の問題を解決する最も洗練されたソリューションです。jquery.bxslider.jsファイルを編集し、以下に示す 2 行を追加します。次に、このリンクjscompressorに向かって圧縮します。（縮小変数を含める）そして、回避策を作成するための追加のコーディングなしで、想定どおりに機能するようになりました。(このソリューションについては Freelancers に感謝します)

....

var clickNextBind = function(e){
    // if auto show is running, stop it
    if (slider.settings.auto) el.stopAuto();


    el.goToNextSlide();
    e.preventDefault();

    el.startAuto();   // ---------------JUST ADD THIS LINE

}

/**
 * Click prev binding
 *
 * @param e (event) 
 *  - DOM event object
 */
var clickPrevBind = function(e){
    // if auto show is running, stop it
    if (slider.settings.auto) el.stopAuto(); 
    el.goToPrevSlide();
    e.preventDefault();

    el.startAuto();   // ---------------JUST ADD THIS LINE

}

...
于 2014-02-14T11:25:32.993 に答える