Jquery Jslider在隐藏输入字段中显示错误的值。

Question

我正试图在我的网站上添加一个价格的小滑块。

下面是html中的滑块UI代码

<div class="layout-slider">
<input id="Slider-price" type="slider" name="price" value="5;10" class="form-control" />
</div>

而javascript是

<script type="text/javascript">
    $('#Slider-price').slider({from: '5',   to: '10', step: 1, dimension: '&nbsp;$' });
</script>

原始代码运行良好。Whicj与上面的代码相同。但当我把它收录到我的网站上时，input value就出了问题。

例如，如果我在代码中给出value="5;10"，在运行之后，它会更改为value="55;55"，而javascript中的值根本没有变化。由于这一点，它没有工作，滑块指针位于滑块的末尾，不能滑动它。这是怎么回事？请帮帮忙

Answer 1

这是因为to/from值被单引号包围，因此被解释为字符串而不是整数。

'5' + '5' = '55'; // string concatenation
 5 + 5 = 10; // numeric addition

移除to/from值上的引号：

<script type="text/javascript">
  $('#Slider-price').slider({
    from: 5,
    to: 10,
    step: 1,
    dimension: '&nbsp;$'
  });
</script>

请参阅：http://jsfiddle.net/y2mPJ/