配置 jQuery 滑块

Question

我是JS和Jquery的新手，我正在尝试为我的问题提出解决方案。这是我想合并的jQuery Slider插件

我有一个包含 1,000-2,000 个对象的数组。每个对象都有一个时间和唯一 ID。 时间示例：

2013-01-23 23:59:03
2013-01-23 23:58:33
2013-01-23 23:58:03
2013-01-23 23:57:33
2013-01-23 23:57:02
2013-01-23 23:56:33

我需要确保滑块的所有时间都加载到它的范围内，每次移动滑块时，我都想看到一个事件，我有时间，并触发了addMarker(my unique id)函数。

我尝试通过$( ".selector" ).slider( "values", [ 'my time 1', 'my time 2'] );加载值，但似乎我做得不对。JS和Jquery对我来说仍然是新的。

Answer 1

为了做到这一点，我必须创建一个哈希映射数组，并创建对每个事件的响应和对哈希映射中元素的调用

            $(function() {
                $( "#slider-range-max" ).slider({
                    range: "max",
                    min: 1,
                    //declare maximum which is the amount of elements in array
                    max:  polyArray.filter(function(value) {
                        return value !== undefined
                    }).length,
                    value: 2,
                    slide: function( event, ui ) {
                        var cRte= {};
                        //access my hash map
                        cRte = History[ui.value]; 
                        try { 
                        alert(cRte["timestamp"]);
                        } catch(e) {
                            console.log(e);
                        }
                    }
                });
            });