Fatal编程技术网

Javascript JQuery滑块填充颜色

javascript jquery html css

Javascript JQuery滑块填充颜色,javascript,jquery,html,css,jquery-slider,Javascript,Jquery,Html,Css,Jquery Slider,我正试图填补我的滑块条的当前范围部分-和许多其他人一样-掉进坑里！由于某些原因，当我移动我的酒吧-部分没有'填补'与预期的颜色 这是我的标记： <script> //START OF AMOUNT CODE var valMap = [1000, 1500, 2000, 2500]; $(function() { $("#amount-range").slider({ min: 0, max: valMap.length - 1,

我正试图填补我的滑块条的当前范围部分-和许多其他人一样-掉进坑里！由于某些原因，当我移动我的酒吧-部分没有'填补'与预期的颜色

这是我的标记：

 <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>
我认为这是错误的……我也尝试过：

#amount-range.ui-slider-range { background: #88ac0b; }
无济于事-请有人帮忙

Andy

问题是因为我的滑块声明中缺少范围变量：

所以这现在可以工作了（不是完整的语法，但重要的组成部分是范围线！）

var durationSlider = $( "amount-slider)({
        min: 0,
        max: valMap.length - 1,
    range:"min",
        value: 0,
        slide: function(event, ui) {                        
            $("#amount").val(valMap[ui.value]);                
        }       

var durationSlider = $( "amount-slider)({
        min: 0,
        max: valMap.length - 1,
    range:"min",
        value: 0,
        slide: function(event, ui) {                        
            $("#amount").val(valMap[ui.value]);                
        }