javascript - 输入元素的值在 Jquery 中无法正常工作

Question

Jsfiddle链接:https://jsfiddle.net/gzp0pcot/

我有一个 id 为“myTextBox”的输入元素

我想在更改此输入框中的值时更改 slider 值。因此，我使用 Jquery，当该输入框中发生任何更改/粘贴时，它会触发一个函数。

$("#ex1").slider('setValue',this.value);

以上语句应更改 slider 值和位置。如果我直接传递整数值，它可以工作，但它不适用于当前输入元素值。下面的语句有效并更改 slider 位置:

$("#ex1").slider('setValue',578);

如果我使用alert()函数，当前输入元素值也有效。如果我手动更改“val”变量的值，则 slider 也会更改其位置，但不会反射(reflect)当前值。

我正在使用 Bootstrap slider : https://github.com/seiyria/bootstrap-slider

我还尝试了以下语句来获取当前值，我认为这相当于我正在使用的上述方法，即 this.value :

var val = documentgetElementById("#myTextBox").value;
var val = $(this).val();
var val = $("$myTextBox").val();

但也没有运气。

Answer 1

将 this.value 包装到 parseInt 中以强制将其视为整数。

parseInt(this.value, 10);

更新了 fiddle :https://jsfiddle.net/gzp0pcot/3/