javascript - 配置 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);
                        }
                    }
                });
            });