jQuery Mobile滑块 - 使输入能够违反步骤

Question

我有一个jQuery Mobile Slider元素。这意味着是一个百分比，因此最小/最大的范围从0到100。因为它在手机上使用，所以我将步数设置为5，我觉得更容易达到25％或50％。但有人说要有66％。我希望他们能够在输入框中键入此值，并将滑块更新为66％。相反，滑块回落到65％。

我可以直接编辑输入框来改变滑块值吗？

Answer 1

用户输入自定义值后，您可以将step值更改为您想要的值。稍后，将step更改为其原始值。

  

<强> Demo

$(document).on('focus', '#slider-1', function () {
 $(this).attr('step', '1');
});

$(document).on('click', '.ui-slider-handle', function () {
 $('#slider-1').attr('step', '10');
});

Answer 2

我建议类似于Omar的解决方案，但默认情况下会将step保留为较低的值，并使用jQuery mobile slidestart和slidestop事件。在我的情况下它更可靠。

$('#slider').on('slidestart', function(event) {
    $(this).attr('step', '5');
});

$('#slider').on('slidestop', function(event) {
    $(this).attr('step', '1');
});

JSFiddle example