我正在检索 HTML slider 值,以便可以在网页的其他位置显示它们。我的 slider 默认值为 0,但是当我在更改它们后刷新页面时,它们似乎停留在相同的值而不是 0。这是一个问题,因为我有对 slider 值的引用,所以我可以显示他们在 slider 旁边。在我刷新的那一刻, slider 不会重置为 0,但是我的内联 <span>
将显示 0。当我按下提交按钮时, slider 会重置为 0,这最终会获取值并将它们显示在我的虚拟网页的另一个区域,但刷新时不会。
JQuery:
// Retrieve the value from slider one
$("#submit").on('click', function(evt) {
var sliderValue = $('#slider01').val();
var sliderValue2 = $('#slider02').val();
alert("The value of slider 1 is: " + sliderValue);
});
// Output to the value of slider one
$("#slider01").on('click',function(evt) {
var sliderVal = $(this).val();
$("#value").text(sliderVal);
});
HTML:
<input id="slider01" type="range" name="slider1" min="0" max="10" value="0"><span id="value">0</span>
是否可以让 slider 值更新得更快一些?当您快速单击它并将值从 0 更改为 1 时它很好,但是如果您在滑动时将手指放在鼠标上,则在我松开鼠标按钮之前该值不会更新。
最佳答案
这可能是工作中的自动完成,尝试将其关闭
<input autocomplete="off" id="slider01" type="range" name="slider1" min="0" max="10" value="0"><span id="value">0</span>
关于jquery - 刷新页面时 HTML5 slider 控件不会重置回默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19482289/