我正试图填充我的滑块的当前范围部分-和很多其他人一样-掉进了一个坑!由于某些原因，当我移动条形图时，部分没有像预期的那样"填充"颜色。
这是我的标记:
<script>
//START OF AMOUNT CODE
var valMap = [1000, 1500, 2000, 2500];
$(function() {
$("#amount-range").slider({
min: 0,
max: valMap.length - 1,
value: 0,
slide: function(event, ui) {
$("#amount").val(valMap[ui.value]);
}
});
$("#amount").val(valMap[$("#amount-range").slider("values", 0)]);
//END OF AMOUNT
});
</script>
</head>
<body>
<div id="productDetails" style="width:360px; max-width:360px;">
<div id="amount-range" ></div>
我使用的CSS是:
.ui-slider-range { background: #88ac0b; }
我希望这是错误的....我也试过:
#amount-range.ui-slider-range { background: #88ac0b; }
毫无用处-有人能帮帮我吗?
安迪问题是因为我的滑块声明中缺少范围变量:
现在工作了(不完整的语法，但重要的组件是范围行!:
var durationSlider = $( "amount-slider)({
min: 0,
max: valMap.length - 1,
range:"min",
value: 0,
slide: function(event, ui) {
$("#amount").val(valMap[ui.value]);
}