gradescalesの値を持つJqueryスライダー

Question

jquery-ui-sliderの画像でgradescalesを使用したい場合は、このjquery uiをslider.hereに使用しています...このスクリプトを変更するにはどうすればよいですか？このスクリプトでこれを行う方法を

？

<script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.ui.mouse.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.ui.slider.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#slider").slider(); 
    }); 
</script> 

Answer 1

HTML：

<div id="wrap"> 
    <div id="slider"></div> 
    <div id="slider-text"> 
     <div id="0">Zero</div> 
     <div id="1">One</div> 
     <div id="2">Two</div> 
     <div id="3">Three</div> 
    </div> 
</div> 

Javascriptを/ jQueryの：

$("#slider").slider({ 
    value: 0, 
    min: 0, 
    max: 3, 
    step: 1 
}); 

$('#1').css('left','32.3333%'); 
$('#2').css('left','64.6666%'); 
$('#3').css('left','93.9999%'); 

CSS：

#slider-text div{ 
    float: left; 
    position: absolute; 
} 

の作業例：http://jsfiddle.net/A8L8C/

おそらく、あなたの望みのテキスト（貧乏、良い、非常に良い、優秀）にDIVs left propertyを適応させる必要があります。ハッピーコーディング！