0

我正在尝试使用 jquery-ui 滑块（http://jqueryui.com/demos/slider/#steps），其中滑块位置的值显示在输入框中，并且输入框值的更改重新定位滑块指数。

js片段：

$("#slider, ").slider({
    range: "min",
    value: 1,
    step: 4,
    min: 1,
    max: 18,
    slide: function( event, ui ) {
        $( ".slider_input" ).val( "$" + ui.value );

        //$( ".slider_input" ).val(  ui.value );
    }


   });


$(".slider_input").change(function () {
    var value = this.value.substring(1);

    $("#slider").slider("value", parseInt(value));
});

html:

<div id="slider"></div>

<input class="slider_input" />

但我想从输入中删除美元符号。如果我使用$( ".slider_input" ).val( ui.value );而不是$( ".slider_input" ).val( ui.value );，则手动更改输入框值不会按预期移动滑块索引位置。

如何删除美元符号并使滑块相应地工作？

4

3 回答 3

1

您可以使用吐功能。

> "$42.00".split('$')
[ '', '42.00' ]


> "$42.00".substring(1)
'42.00'
于 2012-09-17T04:01:56.080 回答
0

用于从值replace中删除。$

   $( ".slider_input" ).val( ui.value.replace("$","") );
于 2012-09-17T04:02:59.187 回答
0

这是一个工作小提琴：http: //jsfiddle.net/ranjith19/wm8Dh/5/

于 2012-09-17T04:21:22.983 回答