JQuery 슬라이더 채우기 색

내 슬라이더 막대의 현재 범위 부분을 채우려 고합니다. 다른 많은 사람들과 마찬가지로 - 구덩이에 빠졌습니다! 어떤 이유로 막대를 움직일 때 - 부분이 예상대로 색상으로 채워지지 않습니다.JQuery 슬라이더 채우기 색

<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; }

사용할 수 없음 - 누군가 제발 도와주세요! 그래서이 지금 작동

(안 전체 구문하지만 중요한 구성 요소의 범위 라인입니다 : 내 슬라이더 선언에서 누락 된 범위 변수를했기 때문에

앤디

출처

2014-06-04 RenegadeAndy

는 문제가 있었다!

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

출처

2014-06-04 23:16:31 RenegadeAndy

답변

관련 문제