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

您可以使用jQuery UI文档here中描述的value()方法检索滑块的值。当滑块更改时，您可以使用类似的内容将新值存储在您需要的位置：

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

jquery ui slider .value（）总是0

1 个答案: