矢印キーを使用してBXSLIDERを制御する

Question

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

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

Answer 1

で働いているコードはこれを行う方法であるのです。それが役に立てば幸い。

// 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; 
    } 
}); 

Answer 2

これはバージョン4.2.2

変更ログからエントリ

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

に便利