Javascript 使滑块值显示在NoUISlider中

Javascript 使滑块值显示在NoUISlider中,javascript,jquery,slider,rangeslider,nouislider,Javascript,Jquery,Slider,Rangeslider,Nouislider,我是NoUISlider的新手,我已经设法让滑块工作了。但是,滑块值不可见或似乎有效 我也是jQuery新手,所以我不确定为什么滑块值代码不起作用 我正在编辑的网站就在这里: 这是我的密码: $(函数(){ $(“#滑块范围”).noUiSlider({ 范围:{ “min”:0, '10%': 10, '20%': 20, '30%': 30, '50%': 50, '60%': 60, '70%': 70, '90%': 90, “最大”:100 }, 是的, 开始:[20] }); })

我是NoUISlider的新手,我已经设法让滑块工作了。但是,滑块值不可见或似乎有效

我也是jQuery新手,所以我不确定为什么滑块值代码不起作用

我正在编辑的网站就在这里:

这是我的密码:

$(函数(){
$(“#滑块范围”).noUiSlider({
范围:{
“min”:0,
'10%': 10,
'20%': 20,
'30%': 30,
'50%': 50,
'60%': 60,
'70%': 70,
'90%': 90,
“最大”:100
},
是的,
开始:[20]
});
});
$(函数(){
$(“#滑块范围”)。链接('lower')。到($(“#滑块范围值”);
。示例val{
颜色:#FFF;
显示:块;
利润率:15px 0px;
}
例如:以前{
内容:“价值:”;
字体:700 12px Arial;
}   
#滑块范围值{
颜色:#FFF;
}

逻辑正常,但您有几个语法错误。打开浏览器控制台(按F12)会有所帮助

固定代码:

$(function(){
    $('#slider-range').noUiSlider({
        range: {
            ...
        },
        snap: true,
        start: [20]
    });

    $('#slider-range').Link('lower').to($('#slider-range-value'));
}); // << was missing
$(函数(){
$(“#滑块范围”).noUiSlider({
范围:{
...
},
是的,
开始:[20]
});
$(“#滑块范围”)。链接('lower')。到($(“#滑块范围值”);
}); //