jQuery selectoToUISlider

Question

Я использую этот плагин, http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

Я пытаюсь получить значение ползунка, чтобы изменить значение в другом элементе dom. Мне удалось добраться до стадии, на которой, если я покажу раскрывающийся список, а затем изменю раскрывающийся список, он обновится, однако перемещение ползунка, похоже, не вызывает связанное событие изменения.

Вот мой код, чтобы сделать его немного более понятным.

http://jsfiddle.net/x3KNb/2/

Answer 1

http://jsfiddle.net/x3KNb/3/

Вы можете воспользоваться опцией sliderOptions, которая позволяет добавлять функции к событиям слайдера (http://jqueryui.com/demos/slider/#events).

ui.value будетвернуть индекс выбранного элемента, оттуда вы можете получить значение li с помощью селектора: nth-child ()

sliderOptions: {
                change: function(e,ui){
                    $('#result .item.'+item+' .price').text(($('#result ul li:nth-child('+ (ui.value + 1) +')').text()));
                }
            }