javascript - jQuery slider 和输入的问题

Question

我正在尝试制作我的第一个 jQuery slider ，我有以下代码:

$("#str").keyup(function(event) {
var data=$("#str").val();
if (data.length>0) 
{
 var intdata=SpecialRound(parseFloat(data));
 if (intdata>=0 && intdata<=20) 
 {
  $("#str_slider").slider("option", "value", data);
 }
 else
 {
  if (intdata<0) 
  {
   $("#str").val("0");
   $("#str_slider").slider("option", "value", "0");
  }
  if (intdata>20) 
  {
   $("#str").val("20");
   $("#str_slider").slider("option", "value", "20");
  }
 }
}
});

虽然，我有一个问题。当我用 ID #str 在输入中写入内容时，没有任何反应。虽然， slider 工作完美。 你可以测试att http://vpopulus.tk/damage

编辑:我基本上想在您编辑输入时这样做， slider 也会更改。

Answer 1

我认为您的选择器 $('#str') 是问题所在，因为您的输入没有 ID #str，只有一个值为“str”的名称属性。正确的选择器应该是 $('input[name="str"]')

编辑: 实际问题是这个 SpecialRound 函数，因为您在那里使用了一个不存在的函数“round()”。改用这个:

//Special round
function SpecialRound(f) {
   return Math.round(f*100) / 100;
}