配置jQuery Slider

时间:2013-01-27 19:12:43

标签: javascript jquery slider jquery-ui-slider

我是JS和Jquery的新手,我正在尝试解决我的问题。 Here is我想要合并的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对我来说还是新手。

1 个答案:

答案 0 :(得分:0)

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

            $(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);
                        }
                    }
                });
            });