Jquery 具有键控件的多个bxslider

我们目前有多个JS函数，我们没有复制JS函数，也没有降低网站的运行速度，而是通过下面的代码片段来运行所有的东西

使用多个滑块时，我们似乎无法让用户使用↑ 及↓ 键盘上的键（在幻灯片图像中滑动）。我们在多次复制原始功能时确实做到了这一点，但在下面的简短版本中没有做到

如果有人想办法解决这个问题，请告诉我们。 多谢各位

var sliderid = $.each($("ul.slides-container > li ul.ss"), function(){$(this).attr("id");});

sliderid.bxSlider({
            adaptiveHeight: true, 
            onSliderLoad: function() {
                $("body").keydown(function(e) {
                    if (e.keyCode == 40) { 
                        sliderid.goToPrevSlide();
                    } else if(e.keyCode == 38) { 
                         sliderid.goToNextSlide();
                    }
                });
            }
        });

---

您可以尝试在

onSliderLoad

函数中针对单个滑块，而不是针对包含所有滑块的变量，如下所示：

$('ul.slides-container > li ul.ss').each(function(){
    var slider = $(this).bxSlider({
        adaptiveHeight: true, 
        onSliderLoad: function(){
            $('body').keydown(function(e){
                e.preventDefault(); // stop default page scroll

                if (e.keyCode == 40){ 
                    slider.goToPrevSlide();
                }
                else if (e.keyCode == 38){ 
                    slider.goToNextSlide();
                }
            });
        }
    });
});

例如

---

我希望这有帮助

我想我们只是想得太多了，把代码弄得一团糟，谢谢@dSquared的帮助