如果您查看以下jsFiddle,http://jsfiddle.net/9ZSej/3/,您会看到我使用noUiSlider的范围滑块,这一切都很有效。
我唯一的问题是将绿色框中的数字格式化为货币/货币格式。我尝试过几个jQuery插件但似乎没什么用。
我如何将绿箱号码格式化为货币/货币格式?
jQuery代码:
$(".noUiSlider").noUiSlider({
range: [0,5000000],
start: 500000,
handles: 1,
connect: "lower",
step: 10000,
serialization: {
to: ["how-much", $("input")],
resolution: 1
}
,slide: function(){
var values = $(this).val();
$("span.infoBox").text(
'£' + values
);
}
});
$('.noUiSlider div').append('<span class="infoBox">£500,000</span>');