jQuery mobile:滑块小部件

jQuery mobile: Slider Widget

本文关键字：小部 mobile jQuery      更新时间：2023-09-26

我用Jquery UI做了一个滑块计算器，然后注意到它在触摸设备上不起作用，所以我从Jquery Mobile重新开始。

出于某种原因，我可以使用按钮更新滑块的值，但滑块本身不会移动。

$("#plus1").on("mousedown", function () {
    $('#slider-vertical').val(Number($('#slider-vertical').val())+25)
});

请检查：http://jsfiddle.net/MJ5WT/

$("#plus1").on("mousedown", function () {
    $('#slider-vertical').val(Number($('#slider-vertical').val())+25);
    $('#slider-vertical').slider('refresh');
});

您没有在 jsFiddle 上激活移动，您需要使用 refresh 选项来直观地刷新它。

工作 js小提琴

我自己似乎找到了答案：

我需要添加 .slider（"刷新"）：

$("#plus1").on("mousedown", function(){
$('#slider-vertical').val(Number($('#slider-vertical').val())+25).slider("refresh");
});
相关文章：