你能帮我解决这个问题吗？当我按下下一个键（右箭头）时，我试图将箭头控件（左和右）集成到 BxSlider，最后一个滑块图像显示它不应该显示，而是下一个滑块图像，然后与前一个键相同（左箭头）当我按下它时，第一张图片就会出现。这是我正在使用的代码
jQuery('.bxslider').bxSlider({
pagerCustom: '#bx-pager',
nextSelector: '#slider-next',
prevSelector: '#slider-prev',
nextText: '',
prevText: '',
onSliderLoad: function(){ jQuery('#listing-slider').show();}
});
这是一种方法。希望能帮助到你。
// 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;
}
});