Javascript 滚动bxslider到包含ID的div

Javascript 滚动bxslider到包含ID的div,javascript,bxslider,Javascript,Bxslider,我被bxslider的一个复杂问题困住了 我有一个用bxslider包装的日历,用一张幻灯片包装2个月 现在我有了一个选项,用户可以选择某一年,比如2016年 我知道goToSlide有一个函数,您可以将滑块滚动到特定的幻灯片,但是我如何知道它应该滚动到哪个幻灯片元素 我已经在JSFIDLE上创建了它,下面是链接 更新2 OP>我知道有一个函数goToSlide,您可以将滑块滚动到特定的幻灯片,但是我如何知道它应该滚动到哪个幻灯片元素 bxSlider使用索引跟踪每张幻灯片。除了前面提到的标准

我被bxslider的一个复杂问题困住了

我有一个用bxslider包装的日历,用一张幻灯片包装2个月

现在我有了一个选项,用户可以选择某一年,比如2016年

我知道goToSlide有一个函数,您可以将滑块滚动到特定的幻灯片,但是我如何知道它应该滚动到哪个幻灯片元素

我已经在JSFIDLE上创建了它,下面是链接


更新2

OP>我知道有一个函数goToSlide,您可以将滑块滚动到特定的幻灯片,但是我如何知道它应该滚动到哪个幻灯片元素

bxSlider使用索引跟踪每张幻灯片。除了前面提到的标准方式外,它还为寻呼机使用
数据-
属性(默认情况下,寻呼机显示为导航点)。因为你关心的是IDs,后者可能是你最感兴趣的。在我看来,使用数组或HTMLCollection(幻灯片索引)更好,因为它具有动态使用内容的潜力,很难使用大量唯一ID,而且随着内容的增长,它变得不灵活

我希望我让你走上正确的道路,如果我不是在试探你的问题,请告诉我

更新1 好的,快点。看一看,它的工作gr8。你需要填满剩下的几个月。祝你好运 这很简单,你可能想得太多了:

`slider.goToSlide(idx);` 
idx是一个0索引编号,表示幻灯片的位置

    jQuery("#scroll").click(function (e) {
        e.preventDefault();
        slider.goToSlide(1);
    });

$(函数(){
变量滑块=$(“#滑块”).bxSlider({
滑动宽度:200,
米斯利德斯:1,
maxSlides:1,
第一,,
幻灯片摘要:10,
幻灯片选择器:'.slide'
});
jQuery(“日期”).change(函数(e){
var idx=此.value
slider.goToSlide(idx);
});
});
.bx prev{
左:-50px!重要;
}
.bx下一个{
右:-50px!重要;
}

2015年11月
2015年12月
2016年1月
2016年2月
2016年3月
2016年4月
2015年11月
....
2016年4月

goToSlide(索引),支持索引,检查文档我知道该部分。但问题是完全不同的,我想滚动到2016年,或者这样说,如果还有几个月呢,比如我想滚动到2016年5月。你应该更具体一点,我做了类似的东西,但我想你可能不需要那么多功能。我得去上班了,我会根据我记忆中的内容快速写出一段未经测试的片段。
    jQuery("#scroll").click(function (e) {
        e.preventDefault();
        slider.goToSlide(1);
    });