无法从JQuery中的幻灯片中获取价值

时间:2012-10-02 20:41:36

标签: javascript jquery slider

我有一个简单的滑块UI,我希望在动态变化时获取值,但我似乎无法使其工作。我有:

<script type="text/javascript">
    $(function() {
        $( "#slider" ).slider({
            value:0,
            min: 0,
            max: 24,
            step: 1,
            slide: function( event, ui ) {
              $( "#amount" ).val( ui.value + " hrs");
            }
        });
        $( "#amount" ).val( $( "#slider" ).slider( "value" ) + " hrs" );
    });
  });
</script>

和...

<p>
<label for="amount">Time (1hr increments):</label>
<input type="text" id="amount" />
</p>
    <div id="slider"></div>

要检查我是否正在使用它:

$("#slider").change(function() {
   alert($("#slider").val());
});

但没有快乐。对不起,如果我过于愚蠢!任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

尝试使用此change()方法:

$("#slider").bind("slidechange", function(event, ui) {
    alert(ui.value);
});

答案 1 :(得分:1)

您是否尝试过使用jQuery'on'方法?

$('#slider').on('change', function() {
   alert($('#slider').val());
});