jQuery mobile：Slider Widget

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选项直观地刷新它。

working jsFiddle

Answer 2

我似乎自己找到了答案：

我需要将 .slider（“refresh”）添加到其中：

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