javascript - jQuery mobile：滑块小部件

Question

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

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

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

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

Answer 1

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

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

工作的jsFiddle

Answer 2

我似乎自己找到了答案：

我需要添加.slider("refresh")到它：

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