2012-03-03 10 views
0
$('#spicy').hide().after('<div class="slider" id="spicy_s"></div><div class="sliderT">-</div>'); 
     $('#spicy_s'). slider({ 
      value:$('#spicy').val(), 
      min: 0, 
      max: 100, 
      step: 5, 
      slide: function(event, ui) { 
           $('#spicy').val(ui.value); 
           if(ui.value > 50){ 
            $('#spicy_s').next('.sliderT').css('color','#00a500').html(ui.value+'<span style="font-size:12px">/100</span>'); 
           }else{ 
            $('#spicy_s').next('.sliderT').css('color','red').html(ui.value+'<span style="font-size:12px">/100</span>'); 
           } 
      } 
    }); 

入力が隠されている、スライダが示されているが、その値を提出するには、あなたはで説明value()方法を使用して、スライダーの値を取得することができオールウェイズ0jqueryのUIのスライダー.val()オールウェイズ0

+0

より多くの情報は、あなたがやろうとしているかのように参考になるとどのような要素にはいくつかのサンプルHTML – DG3

+0

は「IDです'スパイシーな参照?それは隠された入力フィールドですか? – DG3

答えて

1

ですjQuery UIのドキュメントhereときに、スライダーの変化、あなたがそれを必要とする新しい値を保存するために、このようなものを使用することができます。

var value = $('#spicy_s').slider('value'); 
関連する問題