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

Question

我有一个简单的滑块 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());
});

但没有喜悦。对不起，如果我过于愚蠢！任何帮助将非常感激。

Answer 1

试试这个代替change()方法：

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

Answer 2

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

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