Javascript 填充值的jquery ui滑块
我正在使用jQueryUI设置一些滑块。我有很多滑块,但我正在尽量减少代码。以下是如何在html中设置滑块:Javascript 填充值的jquery ui滑块,javascript,jquery,jquery-ui,jquery-ui-slider,Javascript,Jquery,Jquery Ui,Jquery Ui Slider,我正在使用jQueryUI设置一些滑块。我有很多滑块,但我正在尽量减少代码。以下是如何在html中设置滑块: <div class="budget_icon-wrapper"> <div data-name="space_def" class="icon"> <img class="info" src="images/info.png" /> <img src="images/spa
<div class="budget_icon-wrapper">
<div data-name="space_def" class="icon">
<img class="info" src="images/info.png" />
<img src="images/space-icon.png" />
</div>
<div id="space-item" class="space-item slider"></div>
<div id="space_item-value" class="item-txt">$3.00</div>
</div>
谢谢您的帮助。更改
value = parseInt($(this).siblings(".item-txt").text(),10);
到
parseInt
正在返回NaN
,因为$
导致它无法返回您想要的内容。例如,“如果第一个字符无法转换为数字,则parseInt返回NaN。”
更新:根据要求,如果您想要3.00的值,只需使用
value=$(this).sides(“.item txt”).text().substring(1)代码>你必须去掉里面的$
。所以我很难完全理解这个函数。所以parseInt如果div中有一个小数,那么它就是一个整数。子字符串做什么,把1放在()中做什么?parseInt将把float或一些字符串转换成整数。在本例中,子字符串将$3.00截断为3.00,以便parseInt能够理解它。有关子字符串的规格,请参见。最后一个问题。有没有一种方法可以使用十进制数,所以如果它是$3.30,按照现在设置的方法,它只会将3存储到值变量中,对吗?如何让它存储3.3?可以使用子字符串删除不需要的字符。通常需要将字符串转换为浮点,但jQuery可以接受字符串。从技术上讲,在上面的例子中甚至不需要parseInt,但是您仍然需要删除$
.hmmm,您可以更新答案以保留小数吗?这对我来说仍然是一个新的领域,我仍在努力将我的头围绕它。
value = parseInt($(this).siblings(".item-txt").text(),10);
value = parseInt($(this).siblings(".item-txt").text().substring(1),10);
$(".slider").each(function() {
strVal = $(this).next('.item-txt').text().substring(1); // take the substring of the text "$3.00" from the second character to the end (remove the $)
value = parseInt(strVal,10);
$(this).slider({
animate: "fast",
max: 25,
min: 0,
value: value,
range: "min"
});
});