javascript - bxsliderは停止しません

Question

ナビゲーションメニューのリンクをクリックしても、スライダーが自動再生を停止しないという問題があります。次の方法でスライダーを起動します。

$('.bxslider1').bxSlider({auto: true,autoControls: true});

自動再生されて動作しますが、onclick関数または.click（）jQueryを作成してスライダーを停止しようとすると、次のようになります。

$(".nav-portfolio").click(function() {
  slider = $('.bxslider1').bxSlider();
  slider.stopAuto();
});

それは一瞬何かをしてから再開するようです。スライダーを停止する必要がある理由は、アンカーリンクにjQueryウェイポイントを使用して水平方向にスムーズにスクロールし、パネルが1または2ピクセルずつ前後に移動し始め、ユーザーにとって非常に煩わしいためです。

どんな助けでもいただければ幸いです。

score 0 · Accepted Answer

コードを次のように変更してみてください。

$(".nav-portfolio").click(function() {
  $('.bxslider1').stopAuto();
});

以前は、bxSlider をまだ初期化していないと仮定した bxSlider Web ページの例を使用していました。以前に初期化したため、2 回目の初期化が適切に処理されていない可能性があります。

2 に答える 2