$(function() {
    $( "#slider-range-min" ).slider({
      range: "min",
      value: 125,
      min: 1,
      max: 255,
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
        $(".ui-slider-handle").val( "$" + ui.value ); 
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
  });

解决方案 »

  1.   

    加一行代码即可
      <script>
      $(function() {
        $( "#slider-range-min" ).slider({
          range: "min",
          value: 125,
          min: 1,
          max: 255,
          slide: function( event, ui ) {
            $("#slider-range-min a").text(ui.value)
            $( "#amount" ).val( "$" + ui.value );
          }
        });    $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
        
      });
      </script>
      

  2.   

    你好 孟子E章 ,你这方法是可以在上面显示,但是我鼠标只能在拖动框范围移动,如果鼠标拖动不放开移到别的位置放开后,就不管用了,这要怎么弄呢 $(function() {
        $( "#slider-range-min" ).slider({
          range: "min",
          value: 125,
          min: 1,
          max: 255,
          slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.value );
    $("#slider-range-min a").text(ui.value)
    $("#sharpness_value1").html($( "#slider-range-min" ).slider( "value" ))
          }
        }).mouseup(function(event, ui){
         alert($( "#slider-range-min" ).slider( "value" ))
      });
    $("#slider-range-min a").html($( "#slider-range-min" ).slider( "value" ))
        $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
    $("#sharpness_value1").html($( "#slider-range-min" ).slider( "value" ))
      });
      

  3.   

    jquery ui slider 我鼠标只能在拖动框范围移动,如果鼠标拖动不放开移到别的位置放开后,就不管用了,这要怎么弄呢