JQuery UI Slider Значение внутри ручки

Question

У меня есть ползунок jquery, и он стилизован в том, что значение находится внутри ручки. У меня есть сценарий, который работает в дни, выбранные в этом слайдере, но я хочу отображать дни внутри дескриптора.

Я пробовал это, но он не работает.

$("#slider2").slider({ 
    max:30, 
    min:7, 

    slide: function(event, ui) { 

     $("#days").val(ui.value); 
     $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val()))); 
       update(); 
    }, 
    create: function(event, ui) { 
     $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val()))); 
    }  
}); 

Адрес Fiddle. Таким образом, в ручке он должен выглядеть примерно так: , при этом счет будет составлять до 30 дней.

Приветствия,

Ионы

Answer 1

Ваш код был ссылки на идентификаторы несуществующих элементов ("количество2", "дата", и т.д.).

А также, я думаю, вы ссылались на слайдер с id "days", также несуществующий.

В this fiddle я оставил несколько рабочий пример, который обновил текущее значение ползунка внутри дескриптора. Это было сделано только давая эту ручку идентификатор:

<div id="slider2"><a id="days" class="ui-slider-handle"></a></div> 

и обновление надлежащим образом его значение внутри события скольжения ползуна:

$("#days").html(ui.value);