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

提供一个回调函数来作为init选项处理change事件。

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

按类型绑定到change事件：slidechange。

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

来源：jQuery UI Slider Demos

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

1 个答案: