1

入力テキストがあります

<span id="slider-result-dist"></span>
<div class="slider_dist slider"></div> 
    <input type="text" name="filter_dist_sea" id="dist-sea" value="<?php echo $states['filter_dist_sea'] ?>" />
</div>

スライダーを作成しました

$( ".slider_dist" ).slider({
        animate: true,
            range: "min",
            value: 100,
            min: 1,
            max: 1000,
    step: 100,
            slide: function(event, ui) { 
            $( "#slider-result-dist" ).html( ui.value+' Mt' );
    $('#jea-search-dist-sea<?php echo $uid ?>').attr('value', ui.value);
            }
    });
     });

このように機能変更を使用する必要がありますが、機能しません

$('#dist-sea').change(function() {
  alert('change');
});

私は良い方法がこれであることを知っています:

$( ".slider_dist" ).slider({

            slide: function(event, ui) { 
            alert(ui.value);
            }
    });

スライダーから変更すると、入力から値を取得できますか?

4

1 に答える 1

1

このようにしてみてください

$( ".YourUI_slider" ).bind( "slidestop", function(event, ui) 
{
    //Do What ever your want      
});

編集

$("#YourInput").blur(function()
{
   //To get Slider Min value
   var SliderMin=$(".YourUI_slider").slider("values")[0];

   //To get Slider Max value
   var SliderMax=$(".YourUI_slider").slider("values")[1];
}
于 2013-05-28T17:10:10.213 に答える