6

この問題を解決するのを手伝ってもらえますか。次のキー（右矢印）を押したときに矢印コントロール（左と右）をBxSliderに統合しようとしていましたが、最後のスライダー画像が表示され、代わりに次のスライダー画像が表示され、前のキーと同じものが表示されます（左矢印）押すと最初の画像が表示されます。これが私が使っているコードです

jQuery('.bxslider').bxSlider({
pagerCustom: '#bx-pager',
nextSelector: '#slider-next',
prevSelector: '#slider-prev',
nextText: '',
prevText: '',
onSliderLoad: function(){ jQuery('#listing-slider').show();}
});
4

2 に答える 2

10

これを行う方法は次のとおりです。それが役に立てば幸い。

// save slider has a global var
var slider = $('.bxslider').bxSlider({
    // your bxSlider options here...
});
// set keyboard listener
$(document).keydown(function(e){
    if (e.keyCode == 39) // Right arrow 
    {
        slider.goToNextSlide();
        return false;
    }
    else if (e.keyCode == 37) // left arrow
    {
         slider.goToPrevSlide();
        return false;
   }
});
于 2013-11-26T14:08:53.920 に答える
1

これはバージョン4.2.2で追加されました

変更ログからのエントリ

機能強化：キーボード矢印の左右のサポートが追加されました（＃239）

于 2015-05-20T15:51:21.833 に答える