JQuery UI Slider. VAL () всегда 0

Question

 $('#spicy').hide().after('<div class="slider" id="spicy_s"></div><div class="sliderT">-</div>');
        $('#spicy_s'). slider({
            value:$('#spicy').val(),
            min: 0,
            max: 100,
            step: 5,
            slide: function( event, ui ) {
                                $('#spicy').val(ui.value);
                                if(ui.value > 50){
                                    $('#spicy_s').next('.sliderT').css('color','#00a500').html(ui.value+'<span style="font-size:12px">/100</span>');
                                }else{
                                    $('#spicy_s').next('.sliderT').css('color','red').html(ui.value+'<span style="font-size:12px">/100</span>');
                                }
            }
    });

вход скрыт, показывается ползунок, но при отправке его значение всегда 0

Answer 1

Вы можете получить значение ползунка, используя метод value(), описанный в документации по jQuery UI здесь . Когда ползунок меняется, вы можете использовать что-то вроде этого, чтобы сохранить новое значение там, где оно вам нужно:

var value = $('#spicy_s').slider('value');