jquery - 如何获取 jQuery 滑块更改事件的实际值？

Question

这是我的 jQuery 移动滑块代码，我想使用滑块将一个页面导航到另一个页面。请看我的代码。

<label for="slider-1">Chapter:</label>
<input type="range" name="slider-1" id="slider-1" value="1" min="1" max="2"   />
<script>
$(document).ready(function(){

        $("#slider-1").change(function() {
        var SliderValue = $("#slider-1").val();
        console.log(slider_value)
                if(SliderValue>0){
                    //window.location = document.location+"#page"+SliderValue;
                }
        });



});
</script>

我刚刚在这里记录了变量 SliderValue，我可以看到该值增加到 295。

谁能告诉我如何获得活动的实际价值？

提前致谢，

Answer 1

提供一个回调函数来处理更改事件作​​为初始化选项。

$( "#slider-1" ).slider({
   change: function(event, ui) { 
       alert(ui.value);
   }
});

按类型绑定到更改事件：slidechange。

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

来源：jQuery UI 滑块演示