jquery - jquery ui 滑块 .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');