Question

我正在尝试在我的网站上添加一个价格的Jslider。

这是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>