Настройка слайдера jQuery

Question 1

Я новичок в JS и JQuery, и я пытаюсь найти решение своей проблемы. Вот плагин jQuery Slider, который я хотел бы включить

У меня есть массив из 1000-2000 объектов. У каждого объекта есть время и уникальный идентификатор. Пример времени:

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 для меня все еще в новинку.

javascript jquery slider jquery-ui-slider

0

Andrew 27 Янв 2013 в 23:12

Вы должны использовать целые числа для значений ползунка, а затем преобразовать их в нужное время. Вы не можете ожидать, что слайдер пользовательского интерфейса поймет ваши строки, содержащие даты и т. Д. Параметр значения устанавливает значения только для дескрипторов, это все в документации?

–

adeneo

27 Янв 2013 в 23:17

Answer

Для этого мне пришлось создать массив хэш-карт и создать ответ на каждое событие и вызвать элемент в хеш-карте.

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

0

Andrew 28 Янв 2013 в 06:19

Question 2

Для этого мне пришлось создать массив хэш-карт и создать ответ на каждое событие и вызвать элемент в хеш-карте.

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

0

Andrew 28 Янв 2013 в 06:19

Настройка слайдера jQuery

1 ответ

Похожие вопросы

Новые вопросы

javascript